...

View Full Version : CSS Positioning - Gaps?



verd
10-01-2007, 09:39 PM
Hi,

I'm having a little bit of difficulty with a layout that I'm trying to convert to HTML/CSS

It's funny, because layout-wise, ie is actually displaying more correctly than firefox.

HTML:
http://synthdriven.com/ccms/layout2/index.html
CSS:
http://synthdriven.com/ccms/layout2/style.css

This is what I get in IE (6):
(I'm aware of my alpha-transparency issues with the pngs-- bugs I'm currently working out. The flash bit in the upper left though, I don't know why it works in firefox but not in ie.)
http://synthdriven.com/ccms/layout2/ie.JPG


This is what I get in firefox:
http://synthdriven.com/ccms/layout2/firefox.JPG

I'm interested in a little bit of a hybrid of the two. In firefox, if there would just be no gaps between my divs, things would be good. And in ie, if I could just display that flash bit in the upper left

Any ideas as to what might be wrong?? Any ideas or suggestions or pointers to tutorials that might answer my problem?


Thanks much

CaptainB
10-01-2007, 09:52 PM
To get rid of the gabs, try to add this to your css:

* { margin:0;
padding:0;
}


I think it would sort it out, but I'm not 100 % sure.

coothead
10-01-2007, 10:12 PM
Hi there verd,

and a warm welcome to these forums. ;)

try adding these rules to your stylesheet...

.topbar img {
display:block;
}
#header span {
float:left;
}
coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum