Previous Message
Next Message

[Fwd: Re: Re: First timer here but not to CSS - ten]

Sent by francky on 18 March 2006 13:01

~davidLaakso wrote:

>~davidLaakso wrote:
>>Hawk Shango wrote:
>>>>>> This
>>>>>>is the base stylesheet. IE specific stylesheet is located in the same
>>>>>>folder/directory but is called IE.css
>>>>>>        Problem is when the page is viewed in Firefox and Opera, 
>>>>>>it looks
>>>>>>fine but when it's viewed in IE, the center div is pushed down.
>>>>>>There's a huge space between the header and the center div. I can not
>>>>>>find out where in the CSS both the basic stylesheet or the IE
>>>>>>specific stylesheet where I messed up.
>>Me either. Unless it is that IE is getting mixed messages from the 
>>method you've used to set the flash block, causing a width and float 
>>drop problem? Can't help there. Using a content first in source order 
>>layout <>, with an image is not 
>>problematic in IE(at least I don't think so). Perhaps someone else on 
>>the list can shed some light on this for both of us...
>duh! sorry.
Quick analysis: in IE, click the mouse in "Special Events", hold 
mousedown, and go to bottom of the page.
Result is this screenshot 
Then out of the blue we see the problem: in IE the content container is 
having too much width someway. As long the #rightcol is filled (notice 2 
empty paragraphs under the line of "Meetings"), the #content doesn't fit 
between left and right column, and is going down in the same elevator as 
the height of the #rightcol. Indeed a float drop problem.

In the code, the 3 columns all have a pixel-defined width. Before you 
know, margin/padding problems in IE are coming. Better is to give one of 
the columns the freedom to fill the rest of the space: the last one in 
the html.
So if the #content is the last, then no width, but a margin-right to get 
away under the #rightcol (if this might be shorter).
See second screenshot 
I changed it in the FF-editor, and it's working in FF; perhaps some 
funetuning is needed for IE.

And ... the "content first" method of David is doing it exactly this 
way: only margins for the content, no width!!! ;-)


css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: