Rendering Problems

@FeelLikeANutOct 28.2005

I’ve got my page pretty much finished, but I’m having some odd rendering problems in both IE and FF. The page, CSS, and pics are attached so you can take a look at them. (I used CSS Zen Garden as an example for how to blend the HTML with CSS.) So anyway, in FF I see a grey bar across the bottom of the page, and in IE the blue link separators don’t appear until you hover over the links (except for the first separator, which never appears at all). Any insight is appreciated.

~~[upl-file uuid=ca53ba53-fe8a-4356-a0fc-4d871b5d9632 size=30kB]~~html-stuff.zip[/upl-file]

to post a comment

CSS

@FeelLikeANutauthorOct 28.2005 — #Ok, I found the problem. Apparnetly neither browser likes relative positioning, so what I ended up doing is changing

.text, .links
 {
 position: relative;
 top: 120px;
 }

.title
 {
 height: 187px;
 }

Basically I just had this block take up some extra space as filler, so all the elements below get shifted down as a result. Dirty hack in my opinion, but it does the job.

New problem now, however. :p

Opened the page in IE5.5. The absolutely positioned banner is centered on the page, but the page-container (and thus all other content) is not centered. It seemes margin: auto doesn't work in IE5. Are there any known hacks for this?

@jogolOct 28.2005 — #whithout looking at your files i guess you have to give the property "text-align: center" to the body and "text-align: left" to the page-container.

@FeelLikeANutauthorOct 28.2005 — #Yup. The text-align: center doesn't do anything in this case for the modern browsers (which is correct since text-align is supposed to affect inline elements) but it did the trick for IE5. Thanks for the tip.

@drhowarddrfineOct 28.2005 — #Apparnetly neither browser likes relative positioning[/QUOTE]Not true. Most browsers would appreciate you closing your span tags, though.

@FeelLikeANutauthorOct 28.2005 — #[i]Not true.[/i]

So you're telling me that the relative positioning was [i]not[/i] the cause of the rendering problems? Simply commenting out the relative positioning styles while changing nothing else cures all the problems I had mentioned. If I am mistaken and the cause was in fact something else please show me.

[i]Most browsers would appreciate you closing your span tags, though.[/i]

I missed [i]one[/i] closing tag, which I have already discovered when I passed my page through the validator.

Rendering Problems

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Rendering Problems

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴