...

View Full Version : Overlapping problems with firefox



Wumbus
04-16-2006, 02:40 AM
:confused: After changing the CSS on the portfolio page on my site to form a sort of gallery, it looked great in IE, but when i swapped over to firefox the whole page seemed to crunch together, (I tried playing with margins and padding but no luck)


The page is here:
http://cazzu.com/portfolio.html

The CSS is here:
http://cazzu.com/cazzuindex.css

I think the problem involves the #post and #item ID's

(Also, a quick side thing: the rollover borders for the image links mysteriously disappeared after I added javascript. Any fixes for this?

#post .item a:hover img{
border:3px #66CCFF;
}

#post .item a img{
border:3px #333333;
}
It was working before...:confused:
)

Thanks

orcrist
04-16-2006, 11:38 AM
change this


#section{
clear:both;
}
#section h2{
}
to this

#section, #section h2{
clear:both;
}

Tinctorius
04-16-2006, 12:01 PM
In your HTML, you should change all
<div id="section">to
<div class="section">since id is only for unique names ;)

This will also mean that, in your CSS, you must replace
#section{
clear:both;
}
#section h2{
}with
.section, .section h2 { clear:both; }

Besides, why are you using heading tags (h2) for descriptions?

Wumbus
04-18-2006, 01:30 AM
Thanks so much. That fixed the crowding issue. One last fix that remains (hopefully this isnt just a repeat answer to the first problem)

http://cazzu.com/portfolio.html

If viewed in firefox the text in the last item overlaps the footer, and the button ignores the padding for the div it is in

CSS is in the first link still

(And i've started my reading into the difference between ID's and classes. Apparently it can affect stuff as i recently learned.)

Thanks so much

drhowarddrfine
04-18-2006, 02:44 AM
The problem is IE. You have it in quirks mode by not having the first line as the doctype. Move that <meta> tag where it belongs. This will, of course, put IE in standards mode and may throw everything off because now it is acting like it should. I have a feeling most of your problems so far are IE problems and not Firefox.

Wumbus
04-19-2006, 04:41 AM
so i changed the metas and other header info on the page, and i don't think i did it entirely right, because there wasn't a noticeable change. Can anyone offer specifics for the fix?:confused:

drhowarddrfine
04-19-2006, 05:18 AM
You aren't using the closing tags correctly for xhtml. If you don't know xhtml, you shouldn't be using it. I would have recommended html strict. In addition, you aren't using the script tags correctly. Validate your code and fix the 67 errors you have.

Wumbus
04-20-2006, 04:00 PM
I added closing marks to all of the necessary tags, and added style types as needed. Most of the errors that the validator is turning up have to do with the javascript part, which works completely, (and doesnt affect the layout). The text overlapping still hasnt been fixed.

drhowarddrfine
04-20-2006, 04:55 PM
You still are not using the closing tags properly. You do not end an opening <a> tag with /> the </a> does that. Remove all instances closing slahes in <a ..... />

Wumbus
04-20-2006, 05:24 PM
You still are not using the closing tags properly. You do not end an opening <a> tag with /> the </a> does that. Remove all instances closing slahes in <a ..... />

...I know. That's why i didn't do that. Are you sure we're looking at the same code now? Because i couldnt find a single instance of that in the code.

drhowarddrfine
04-20-2006, 07:17 PM
Oops! Apologies. I didn't see the img tag in between.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum