Re: [css-d] CSS popup not popping in IE
> When you mouse over the word "roughly," the footnote-ish text pops up. > Why doesn't it work in IE? Hi Nancy, Try changing to Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between topper and content
> I have a small space between my topper and contentwrap which I can't
> find the source of . . . help, please . . .
>
>
Hi Kim,
The space is all contained within the #topper .
Try adding:
img {
margin: 0;
padding: 0;
}
and add:
background: #315993;
to #topper
Best Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] padding problem
> Can't figure out what I'm missing here:
> http://www.ambientglow.com/garage/pmsca/web/sample-index.html
Hi,
Just add:
* { margin:0; padding:0 }
to the top of your CSS file. It resets the padding and margin for all
elements.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to select an element that does not contain anattrbite
> If you mean that you want all H1's styled a certain way except for the one
> that has a specific style attribute, that is,
> style="your-inline-style-definition-here">Headline
> then I think what
> you mean is that you want the rule not to cascade to that particular H1,
> which is basically the opposite of what CSS was designed to do.
I believe that is backwards. The style attribute trumps any CSS definitions
applied to that element.
For example:
h2
{
color: red;
}
h2#one
{
color: green;
}
Title
RED
GREEN
BLUE
...
Here is the spec explaining the CSS cascade:
http://www.w3.org/TR/REC-CSS2/cascade.html
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Latest Rounded Corners
> I need my rounded box to be resizable, and kind of like the idea > of using only one small circle image that gets offset for each corner. > Prefer no javascript for this. Hi Chris, I created an example page using a single gif image and no javascript. You can see the page here: http://www.neighborwebmaster.com/tests/balloon.html Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Bizarre behavior with id as # anchor target
> But when it is loaded with the #attachments reference in the url (the
> target is an id on the attachments table) instead of loading the
> whole page and jumping down to the target, everything on the page
> between the header image and attachments table simply disappears -
> including most of the menu!
What appears to be happening is that your second section is scrolling under
your first section. It is not disappearing, just hidden. If you tab around
the bottom half will shift as focus changes.
I am not sure what is making the scroll happen.
To keep the bottom half from scrolling up, get rid of the "tidy" class in
the div declaration:
The tidy class is defined:
.tidy .layout, .untidy .tidy .layout {
overflow:hidden;
}
Which is why it "disappears" when shifted.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
www.coolphptools.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reduce space above characters?
> Is there any way to reduce the space above characters.
Hi Mike,
You are setting the line-height on a element. Spanned elements are
inline and that is why it is ignoring line-height. Try a block element like
or instead. If you want the background to fit just the content,
float the block element as well:
Apples
---
div#test {
float: left;
background: #FF none repeat scroll 0%;
line-height: 1em;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] mysterious letter appearing only in IE6
> There is something really mysterious going on here in IE6. Hi Sandy, I am not sure this is an IE6 bug. I am looking at your web site using firefox 2 and the top is shifted way off my screen. The problem is your outermost div (horizon) has top:50%; while the next div (container) inside has top:-310px; . In other words you are shifting down by a percentage of the screen height and then re-shifting up by a fixed amount. This is very dangerous since you don't know the height of a user's browser. I would suggest setting top: 0px; in both .horizon and .container. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css equivalent of valign -- for use in actual tables ?
> how do i use css to make the tables behave in the way that "valign=top"
> would make them behave.
Hi Josh,
You just need the vertical-align: top; on the td CSS definition instead of
the table:
td {
background-color:#93C722;
padding:7px;
vertical-align:top;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image position
> Does anyone know why in this page of mine, the images appear so far
> right relative to the radio buttons group ?
Hi,
It is because you floated the image div right. Try an absolute position
instead:
#image {
width:500px;
position:absolute;
left:12em;
top:0;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: CSS Code Readibility ::
> Which approach is better? Should we go for code readability > as described by Smashing Magazine or follow what Andy said. Hi, I have a free download which will compress your CSS files on the server automatically. This way you can develop as you normally would but when the user's browser requests the CSS file, all whitespace and comments will be removed as well as Gzip encoding will be enabled. Another feature is you can combine CSS files on the server using an @include directive instead of @import which requires the browser to make multiple GET requests. You can download the code and documentation here: http://www.coolphptools.com/dynamic_css Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com www.coolphptools.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Gif and PNG with IE6
Hi Wade,
A simple suggestion: is the path to your gif relative to the position of
your CSS file? In other words if you put your CSS in a directory called /css
and you put your images in a directory called /graphics , the background
image should be referenced by:
background-image: url('../graphics/1280x18.gif');
If that's not your problem, maybe you could post a link to your problem
page?
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
www.coolphptools.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Button element with img
> I've got a problem with a button element containing an image. Hi, It sounds like you may want to try this instead: Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help, please...
Hi Theresa, It looks like you forgot to include a in your HTML. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Background Image Not Wide Enough
> The width of the image is supposed to total 760 pixels
> (180px for the dark gray column, 20 px blank, then 560px for the
> light gray column).
Hi,
I think you calculated your width incorrectly. Try 780px:
body {
font-family:'Lucida Grande',Verdana,sans-serif;
font-size:80%;
margin:10px;
width:780px;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] when are 2 external css called for?
> I get the idea of different names of styles, but the actual > implementation I'm not so sure of how to do. Hi John, I created two example test pages (home.html, about.html) to illustrate the technique: http://www.neighborwebmaster.com/tests/home.html Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] when are 2 external css called for?
> I have 2 pages ( so far) in a site which share the same structure or
> design "grid" but have differences with some of the visual elements,
> such as differing background colors, or different link treatments...
Hi John,
A trick I use to use different CSS rules in a page is to add an
id="page_name" to each page's tag. In cases where one page's style is
different from another, define multiple CSS rules:
body#home {background-color: #cc0; color: #000;}
body#about {background-color: #fff; color: #060;}
Then leave body#page_name off all CSS rules that stay the same between
pages.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Still nav problems (background seems fine)
> Out of curiosity... is your message just to me intended or domething > went wrong with you replying to the list? Hi Luc, I belong to 2 lists and the other only requires me to reply to sender. This list requires me to reply to all. So to answer your question it was meant for the list. One of these days I'll screw my head on right. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] drop-down nav
Hi Raymond,
Try replacing spaces with to keep the text from wrapping:
The O'Brien Story
Also the extra space after the menu items come from the width you specified
in the CSS. I would switch to a resizable width, like em instead of a fixed
width px. This allows you to resize the text without chopping off the menu
items:
li.story {
width:10.5em;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] wrapper width and IE
> What about widening the #topwrapper instead to 90em? > Would that have the same effect? I would *assume* so. My guess is that IE has some float rounding error when figuring how much room is available in divs. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] wrapper width and IE
> but IE still pushes the other divs down and really messes things up
Hi,
It looks like you are trying to fit the divs which add up to 89em
(5+15+3+66):
#navcol {
MARGIN-LEFT: 5em; WIDTH: 15em; TEXT-ALIGN: right
}
#wrapper {
PADDING-BOTTOM: 3em; MARGIN-LEFT: 3em; WIDTH: 66em
}
into an 89em div:
#topwrapper {
WIDTH: 89em
}
By relaxing the left margin slightly solves the problem:
#wrapper {
PADDING-BOTTOM: 3em; MARGIN-LEFT: 2em; WIDTH: 66em
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text size issue in IE6 and IE7
> If you mean: http://www-odi.nhtsa.dot.gov/images/defects_banner.jpg
> Hold its height, crop its width?
You could also resize the image along with the text. In your CSS you
currently have:
.head img {margin: .19em 0 .19em 0; }
Add width and height where 1em = 16px (on most monitors) at 100%:
.head img {margin: .19em 0 .19em 0; width: 41.3125em; height: 3.125em; }
41.3125 * 16 = 661
3.125 * 16 = 50
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] one pixel line to much, and a serious ie6/ie7 problem
Hi,
Add:
position: relative;
to either:
#navbar {
- and/or -
#navbar ul {
Positioned elements are positioned relative to the next higher positioned
element.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with borders
> My questions are:
> How can I get rid of the white borders between the navigation images?
> Why do my background images no shift on hover?
Your background didn't change on hover because you were trying to change the
background position on the nchor element which is display: inline by
default. Try setting the background on the image as in:
#navbar {
height: 30px;
overflow: hidden;
}
#navbar ul {
border: 0;
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}
#navbar ul li {
border: 0;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
display: inline;
}
#navbar ul li a:link img, #navbar ul li a:visited img {
position: relative;
left:-41px;
top:-98px;
border: 0;
margin: 0;
padding: 0;
background-image:url(afbeeldingen/bgwig.png);
background-repeat: no-repeat;
background-position: -32px 37px;
}
/*
#navbar ul li a.first {
background-image:url(afbeeldingen/bgwig.png);
background-repeat: no-repeat;
background-position: -52px 90px;
}
*/
#navbar ul li a:hover img {
position: relative;
left:-41px;
top:-98px;
border: 0;
margin: 0;
padding: 0;
background-position: -52px 0px;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in IE
> Here's my second problem of the day: the floated main navigation links are
> dropping down incrementally in IE 6, and are doing the same in IE 7, but
> also hiding all but the top link in IE 7 behind an image in the div below.
Hi Janie,
Try changing the elements of your navigation to inline as in:
#main_nav UL {
FLOAT: right; MARGIN-RIGHT: 20px;
LIST-STYLE: none
}
#main_nav UL LI {
DISPLAY: inline
}
Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Scaling type isn't expanding the container div
> I'm sure it's an easy fix but I'm missing it... Hi Mike, Try getting rid of the "height: 165px;" from the "#content div.tab_section" style definition. Regards, Kepler Gelotte __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] BG Image doesn't sit correctly in my div when I have a forminside (Firefox problem)
> This seems to work ok in safari but doesn;t work in Firefox, can
> someone help please..
Firefox is setting the background image at the bottom of the content div.
You need to change your definition for the fieldset.submit to use padding
instead of margin in feedback_contact.css:
fieldset.submit {
border-style:none;
padding-bottom:10px;
}
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Alignment Problem
> Can you all tell me why in Firefox this page is dropping the content down.
> This is not happening in IE.
Hi Brian,
You need to remove the top margin from the #menu definition. Try this:
#menu {
color:#FF;
font-weight:bold;
margin: 0pt 0pt 40px;
}
Best Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page is broken AGAIN in IE6, please, please help!
> This webpage has just caused me all sorts of grief all things IE.
> It works fine in IE7, FF and Safari but not in IE6.
Hi Scott,
Try setting the default padding/margins by adding this to the top of your
CSS:
* { padding: 0; margin: 0; }
Not all browsers start with all elements having no padding and no margins.
If you still have problems try shaving a few pixels off of #n3/#c3's width.
Regards,
Kepler Gelotte
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6/7 and Firefox CSS issue driving me mad
Hi Chris,
Try this:
#content {
background-color:#FF;
bottom:0px;
color:#003366;
font-size:0.7em;
margin:0 50px;
position:relative;
}
By defining #content as position: absolute; you were taking the out of
the normal flow. Read Andy Budd's "CSS Mastery" for an excellent description
of positioning.
Regards,
Kepler Gelotte
http://www.neighborwebmaster.com
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Chris Blake
Sent: Wednesday, January 09, 2008 8:24 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] IE6/7 and Firefox CSS issue driving me mad
Greetings community,
Please can someone help me with this, its been bugging me for ages and now
I`ve found this list where I can hope to get it fixed with someones help.
Please visit this page : http://www.pixcel.co.za/ard/index.php
There is a main div called "content" which is not giving me a white
background all the way to the bottom. It kinda stops around the "Keyword
Search" section.
Here is the CSS I have for that div :
#content
{
font-size:0.7em;
xleft:0px;
xright:50px;
padding-left:26px;
color: #036;
background-color: #FF;
position:absolute;
left:53px;
top:108px;
right:55px;
bottom:0px
}
I`ve been reading from the W3 Schools site and the declarations taken from
there, so I`m thinking its some bug or I`m missing something in my CSS.
If someone has the answer, or can point me in the right direction I would
really appreciate it.
Thank you
Chris
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 giving me fits. Please help? - a furtherexplanation
Hi Scott, Try setting the width to 29% for #nav3 and #picture. This should fix the wrapping problem in IE7. IE6 doesn't recognize the max-width and min-with properties so you will need to add an expression to calculate the width for IE6. Regards, Kepler Gelotte http://www.neighborwebmaster.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Thigpen Sent: Tuesday, January 08, 2008 9:05 PM To: css-d Subject: Re: [css-d] IE6 and 7 giving me fits. Please help? - a furtherexplanation Hello all, Two of you have made suggestions and helping me out and I really appreciate it, but I may have not explained myself well. I'm doing a fluid layout and it works well in Safari, Firefox but in IE6, when shrunk down, it breaks up. In IE7 when expanded, it breaks up. I just thought I'd further explain myself. here is the site: http://www.sthig.com/photo > > here is my CSS: http://www.sthig.com/photo/css/photo.css Thank you for your continued help! Best, Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
