I've never had this kind of error before with floats, since it's a
subject I've averaged in. See for yourself :
http://www.surprises.tg/newsletter/administration.html and
http://www.surprises.tg/newsletter/administration2.html
Hello Victor,
FF V1.5.0.3 reports two strange errors while
FF V1.5.0.3 reports two strange errors while parsing your HTML:
1. sytax error line 1
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
2. Error while processing the value for the property 'display'.
Declaration ignored. line 253
Here is the current website link, where I've tried to implement the idea you
outlined above. I understand what the prop and clear divs are doing, but on
my machine, with IE 6, it's still not working.
I know the prop/clear solution will work, but I've still
got something wrong and can't seem
I deleted the wrapping div of the form-tag. You don't need it! Think
of the fieldset-tag as a wrapper. Same here: Reduce your HTML to the
minimum!
http://nyslittreedata.advantex.net/index.cfm/fuseaction/Accounts.LoginForm.cfm
does not validate to html 4.01 strict, resulting in the following
I seem to have successfully built my first CSS-only layout, and it's working
very well... The page loads are faster and the markup is clean and quite
maintainable! I have the list to thank for this.
Hello Marc,
nice to read, welcome to the 21th century of web standards!
1. I'm still a
In the IE, the output shows the First element with all the properties
except the border, Second element (and all after that) looks totally
fine... in Firefox all the elements shows the border... Plus, if I put
anything before h1First element/h1, even a simply letter, the element
displays his
Suggestions with this latest one are welcome -- am I closer to a good way
of doing it now than I was earlier? (I hope so!)
Hello Marc,
this is far better than your very first approach, I think you are on the
right track.
Further steps (after clearing the main layout probs):
Why not extend
Rehi Marc,
I think that the relative positioning of the Header and the TreeLogo
which Gunlaug's proposed would be a better an more unproblematic solution.
Niklas
__
css-discuss [EMAIL PROTECTED]
Hell Marc,
here's a quick'n'dirty fix. NEVER again go for tables - keep on CSS.
Please accept that it might not be fail-save for all browsers (not
tested) and that again you have to work it over. Hope that it can give
you some hints - keep in mind that I'm still learning, too.
Get TopStyle
This was originally a 3 col layout (using floats). The far left is
the navigation, followed by the main content and the secondary
content (to the far right). Since then I've decided to see how
dropping the secondary below the main would be and then adding in a
second secondary and having
Then this morning a user with PC firefox 1.03 found the exact same problem.
Is there some known issue with that version of Firefox and how it works with
floats and clears etc?
Eoin,
very had for me to answer without the code. Show it.
Niklas
At the moment, when the page is resized the middle column drops, but I want
the right column to drop (and ideally for the middle column to be a fixed
width). Using the CSS and HTML listed below can anyone suggest a fix for
this? I've been told to change the order of my columns in the code, but
Just thought I'd let you know I figured it out myself. It was a matter of
filtering a float: left; to IE on the parent container.
Nice! Maybe you can put the corrected version online?
THX
Niklas
__
css-discuss [EMAIL
My question is: is this a bug in Firefox, or in my incorrect
understanding of the css positioning?
Hello Bill,
I can't really answer your question, but it seems that width: 100%;
height: 100%; within the .popup div {} declaration caused the movement.
Furthermore, I seems that the div within
Thank your advice. I modified my code to:
div id=header
...
div style=clear:both;/div
/div
Hello ray,
that's because you've inserted a new div which clears the flow but still
has float: right; due to the definition: #header div {float: right;}. So
extending the div style=float: none;
15 matches
Mail list logo