Jump to content


css div


4 replies to this topic

#1 Illinifan91

    P2L Jedi

  • Members
  • PipPipPip
  • 845 posts
  • Gender:Male
  • Location:Flower Mound, Texas

Posted 02 August 2006 - 08:54 PM

ok i have been coding my new site and i have a content box and the bottom of the content box is a div in ie its shows up too tall but in firefox it is 3px like i want it to be.
its the content box in the middle
ittl show up weird in ie.
css:
.bottom-row {
	height: 3px;
	background-color: #0099FF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
html:
<div class="bottom-row"></div>

please help.

#2 Aussiestinger

    Young Padawan

  • Members
  • Pip
  • 270 posts

Posted 02 August 2006 - 09:02 PM

try adding font-size:0px;

I had a similar problem, Cool Aid taught me that IE will make it the minimum height of the font size.

#3 seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:&quot;In heavenly places...&quot;

Posted 02 August 2006 - 09:04 PM

Why do you have an entire DIV devoted to just that line? Why not add a 3px border on the bottom of the container that holds that entire welcome block?

:D

#4 Illinifan91

    P2L Jedi

  • Members
  • PipPipPip
  • 845 posts
  • Gender:Male
  • Location:Flower Mound, Texas

Posted 02 August 2006 - 09:04 PM

thank you worked like a charm.
and seraph!m i dont add the border because above is a table and just adding a border wouldnt look correct.

Edited by fusionmanx, 02 August 2006 - 09:05 PM.


#5 seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:&quot;In heavenly places...&quot;

Posted 02 August 2006 - 09:29 PM

Ahh, didn't know it was table based.

:D





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users