2 replies [Last post]
Catharsis
Offline
newbie
Last seen: 17 years 40 weeks ago
Joined: 2004-08-18
Posts: 3
Points: 0

I basically have my layout figured out with a nice CSS menu bar. Things work great with Firefox/Win and Safari/Mac. However, with IE6/Win when the text size is increased the size of the menu bar and other div/containers increase by a small amount. I am using absolute positioning with the menu bar. The site can be viewed here: http://www.egrsoftware.com/

I'd like to use CSS for the entire layout. Going back to having a table to position the top logo, description, & menu bar looks slightly better in IE6/Win than having the menu bar overlap by 3/4 pixels when the text size is increased.. Am I missing something obvious?

For comparison here is the table version:
http://www.egrsoftware.com/table.html

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 2 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Increased text size in IE6/Win causes elements to grow.

it seems that setting a font size in px in
DIV#nav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;font-size:10px;
}
may be a solution

Catharsis
Offline
newbie
Last seen: 17 years 40 weeks ago
Joined: 2004-08-18
Posts: 3
Points: 0

Increased text size in IE6/Win causes elements to grow.

DanA wrote:
it seems that setting a font size in px in
DIV#nav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;font-size:10px;
}
may be a solution

Excellent.. Thanks for the tip.. I thought I tried that, but I must have put it somewhere else than div#nav / div#footer.. Yeah.. layout is done.. now time for some content! Smile