Very simple problem

HTML & CSS
1

Hey,

Basic structure:


<html>
<div id="wrapper">
<div id="header">
<!-- <img src="..." />
</div>
<div id="navigation">
<ul> 
<li><a href="home.htm">Home</a></li>
<li><a href="verhuur.htm">Verhuur</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</div>
</div>
</html>

So basically i have three blocks:

  1. wrapper containing all and setting fixed dimension
  2. A header
  3. location for horizontal navigation

The problem:
I want everything to be a snug fit and what I end up with now is a space between the header and navigation boxes. I want those boxes to align is there a way to set this?

2
  • it’s not the best choice. try the other ones :slight_smile:
    and you’re welcome.
3

ok i have this reset but sadly it still doesnt work


/* RESET */
html{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
4

that one only applies to the html element. the css reset i was referring to has a selector pointing out to a lot more elements.

here’s one. [URL=“http://developer.yahoo.com/yui/3/cssreset/”]here’s another.

ds60 posted also his shorter version on this forum on several occasions:

/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

take your pick or make your own version :slight_smile:

5

you mean * ?

Ok that did the trick, thank you!

6

problem solved :wink: :lol:

although a css reset might be the thing you’re after :slight_smile:

7

I have just this second searched for CSS resets on here and found the post that discusses it http://www.sitepoint.com/forums/showthread.php?p=4650858

8

Oh damn I spat coffee on my keyboard - I was expecting a full out Paul OB-style answer :rofl: