CSS layout questions

  • redgtsviper
  • Novice
  • Novice
  • redgtsviper
  • Posts: 19

Post 3+ Months Ago

I am in the process of updating a site to table less layout. I am having a few issues. I am new to CSS layouts so please understand that.

Ok I have 4 rows. This seems like something to me that should be very simple so Im not sure what I am doing wrong. In this example I have 4 Divs with images. When I preview I am getting a space at the bottom of the DIVS. As you can see by the blue lines

http://www.karlperformancepartsDOTcom/static/index3.asp

I tried setting height property on the DIVS and this fixed the issue. However my next question is. If I have something that should need to flow down it gets cut off when the DIV height is defined. Is there a fix for this

http://www.karlperformancepartsDOTcom/static/index2.asp
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9099
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I would recommend using a HTML 5 CSS boilerplate to reset the default values of many of the elements. This would usually resolve problems such as this. Then from there you could customize your CSS.

I did take a quick look and with your CSS if you simply set your font size on that div to 0, it fixes that extra spacing you are getting. So in other words:

CSS Code: [ Select ]
#top {
   font-size:0;
}
  1. #top {
  2.    font-size:0;
  3. }


Alternatively making the img float left may also fix the issue.
  • redgtsviper
  • Novice
  • Novice
  • redgtsviper
  • Posts: 19

Post 3+ Months Ago

I looked at the boilerplate code. That seems like its way more than I am able to handle at the moment. This page is something that will be very simple. If i set font to 0 then you will not be able to see my fonts once text is added in the TOP div

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 17 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.