Posted by Cerebral Believer on 09/04/06 09:38

"Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote in
message news:Xns9833949529F8Bhttpwwwneredbojiasco@208.49.80.251...
> To further the education of mankind, "Cerebral Believer"
> <cerebral.believer@ntlworld.com> vouchsafed:
>
>> Hi,
>>
>> I have created a stylesheet in Microsoft Frontpage for a website I am
>> creating. Basically I am using a number of nested <div> tags to
>> control the layout of my page. What I have created displays fine in
>> Internet Explorer, but not anything like how it should in Netscape or
>> Firefox (both appear to render the page similarly incorrectly).
>>
>> Basically if you imagine each number represents a <div>, my page
>> should render like this
>>
>> 1 2 3
>> 4 5 6
>> 7
>> 8
>> 9
>>
>> Which it does in Internet Explorer, but in Netscape/Firefox it
>> appears:
>>
>> 1
>> 2
>> 3
>> 4
>> 5
>> 6
>> 7
>> 8
>> 9
>>
>> Just for informations sake, I have one global <div>, which holds 3
>> sectional <div>'s (TOP, MIDDLE & BOTTOM). Each of the sectional
>> <div>'s holds a further three <div>'s (left, center and right [1+2+3 &
>> 4+5+6]), and in the case of the BOTTOM sectional <div> (doclinks,
>> textnav, & footer [7+8+9]). Can anyone point out areas where I could
>> improve my code, or where I have done something stupid? Most
>> importantly, does anyone know what CSS coding I need to specify so
>> that I can get my page to at least render similarly in both browsers?
>> Here is my CSS:
> ...snip
>> #topleft {
>> width: 17%;
>> height: 200px;
>> position: static;
>> top: 0px;
>> left: 0px;
>> right: 83%;
>> bottom: auto;
>> display: inline;
>> }
> ...snip
>
> I think you're trying to do a few things you can't do. Regarding the
> above example...position:static;right:83%;? Also, how do you set a width
> on inline elements? That it "works" in IE is so much sulfur dioxide in
> the atmosphere...

OK,

Please forgive my ignorance, I am a newbie at all this and haven't got round
to an indepth sudy of .css on my course. As far as I know static
positioning should arrange elements in document flow (according to the way
the HTML is naturally formed). I thought the top, left, right and bottom
attributes defined the exact area an element should occupy on a page. I am
not at all sure about inline elements, but having toyed with other values,
this seemed to be the one that produced the desired effect.

Regards,
C.B.

[Back to original message]