CSS help please, thank you
- Started
- Last post
- 14 Responses
- iwlyfel
just look and you'll see where my problem is
http://www.johnnlaura.com/john/w…
looks fine in FF on PC, but IE on PC gives me gaps between the middle div and the top and bottom
why?
- Stugoo0
try putting your bottom div as display: inline;
might be IE's border doubling bug, or lookout for spaces in the code, IE can render them like the random beast it is.I would also try defining your img in the css with zero padding and margins.
- iwlyfel0
Thanks Stugoo,
I tried those things but no luck. In IE 6 there is a gap on the top and bottom of the center div and in IE7 there is a gap on the bottom of the center div.. And of course, in FF on PC it looks perfect..
Please help, I don't know what else to do..
Thanks
Jon
- canuck0
I would redo it, with out using the tables. kind of defeats the purpose of using css.
- Witt0
div #bottom .... top-margin: 0 px?
- Witt0
skip my last post. try to remove those blank lines in your source-code. between td and divs. you don't need those and sometimes they mess up.
- version30
I would redo it, with out using the tables. kind of defeats the purpose of using css.
canuck
(Dec 24 06, 18:00)
- version30
or just
table, th, tr, td {
border:0px;
margin:0px;
padding:0px;
}maybe that'll solve your silliness?
- iwlyfel0
I know the tables defeat the purpose.. I'm not asking about the tables.. I'm just trying to get those gaps to go away..
The spaces (extra lines and spaces) are the key.. I've always coded the same and never run into that problem.. weird..
Thanks anyway..
John
- iwlyfel0
So in case anyone is looking here for help the reason behind the spaces was line breaks in the code in front of or after the image tag.
makes spaces
does not
sucks for organizing code but thats IE
thanks for the help
- iwlyfel0
hi
- Witt0
i had the same problem before. line breaks and img tags.
- vwsung18t0
try putting border="0" in the image tags.
- doesnotexist0
yep you gotta add the border="0" on images if theyre links. dont know why IE likes to put fat borders on that shit.
- iwlyfel0
The images weren't even links and i did have the border, padding, and margins set to 0.. It was simply the line breaks around the image tag.. So now the code has to all be on one line..
I really can't beleive IE sometimes..But in case you dont know http://www.browsershots.org is a really great tool..