|
|
Posted by Neredbojias on 09/03/06 21:32
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...
--
Neredbojias
Infinity has its limits.
Navigation:
[Reply to this message]
|