January 3rd, 2005, 08:44 AM
|
 |
Alternately High
|
|
Join Date: Feb 2004
Location: Hilversum, Netherlands
Posts: 223
Time spent in forums: 13 h 56 m 41 sec
Reputation Power: 5
|
|
|
3 blocks with CSS
Help!
Just solved my last problem (see last topic) and now I ran into another...
Code:
<div id="container">
<div id="insidecontainer">
<div id="top_nieuws">NEWS</div>
<div id="top">
<h1>Website</h1>
</div>
<div id="top_contact">CONTACT</div>
</div>
</div>
The html is made up with the following CSS-rules.
Code:
#container {
width: 740px;
min-height: 380px;
_height: 380px;
margin: auto;
}
#insidecontainer {
margin: 0;
padding: 0;
min-height: 45px;
_height: 45px;
}
#top {
min-height: 45px;
_height: 45px;
margin-left:100px;
margin-right: 100px;
}
#top_nieuws {
width: 100px;
float: left;
}
#top_contact {
width: 100px;
float: left;
}
#top h1 {
padding: 0;
margin: 0;
text-align: center;
}
I want 2 boxes on each side of the "top"-div of 100px. What happens now is that the "top_contact"-div is pushed down.
Hope someone can help me!
Thanks in advance,
Spongy
__________________
Work to live, don't live to work
|
Dev Articles Community Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
