I'd appreciate any help on how to create a page layout using CSS that looked like this image
The div's should be about 35% each with a gap between.
thanks.
The div's should be about 35% each with a gap between.
thanks.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Layout
- Thread starter amiw
- Start date
Code:
<div style="width: 55%; margin: 50px auto;">
<div style="width: 48%; float: left; border: 1px solid #005; height: 200px; margin-bottom: 30px;"></div>
<div style="width: 48%; float: right; border: 1px solid #005; height: 200px; margin-bottom: 30px;"></div>
<div style="width: 48%; float: left; border: 1px solid #005; height: 200px; margin-bottom: 30px;"></div>
<div style="width: 48%; float: right; border: 1px solid #005; height: 200px; margin-bottom: 30px;"></div>
</div>Something like this?
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>Try this</title>
<style type="text/css">
#container {
width: 600px;
margin: 0 auto;
overflow: auto;
}
div.box {
border: 1px solid black;
height: 10em;
width: 40%;
margin: 10px 20px;
float: left;
}
</style>
<head>
<body>
<div id="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
- Status
Similar threads
- Locked
- Question