Hej!
Som overskriften siger, så udvider min content div (det midterste felt) sig til siden når man skriver, selvom, at jeg har sat bredde på. Den skulle gerne udvide sig nedad istedet for.
Her er main koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Index</title>
<meta name="title" conntent="XflightX">
<meta name="keywords" content="XflightX, Flight, planes, airports, forums, graphic design, flight simulation, FS9, FSX, FS2004, Microsoft Flight Simulator, Live ATC, Air Traffic Control, Community forums, Flight club, multiplayer, free downloads, scenery, airplanes, aeroplanes, misc, airfields, GA, General Aviation, military planes, jetliners, jets, props, propellers, helicopters, tutorials, picture editing, gallery, newbie help, information, CaptainB, flightsim news, aivaiton news, flightsim links, links, aviation links, banner design, web design">
<meta name="description" content="A friendly flightsim community for FS 2004 and X! We aim to help new simmers get started with FS and provide a quality web with free downloads, forums, links, flightclub, gallery and much more!">
<meta name="copyright" content="Copyright (c) XflightX. All Rights Reserved">
<meta name="revisit-after" content="1 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- BANNER BEGIN -->
<div id="banner"> <img src="http://www.guild-metus.com/xflightx/XflightX.gif" alt="XflightX Banner"></div>
<!-- BANNER END -->
<!-- CONTENT BEGIN -->
<div id="midte">DETTE ER lkjsfkjsdfhbksjdgsjjkdkdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</div>
<!-- CONTENT END -->
<!-- LEFT TABLE BEGIN -->
<div id="box1right">
<h1>Box 1 Right</h1>
<p>Blah blah blah blah blah blah blah blah blah blah blah blah blah nlah blahBlah blah blah blah blah blah blah blah blah blah blah blah blah nlah blah </p>
</div>
</body>
</html>
og her er CSSen:
body { background-color:#333333;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#midte { background-color:#666666;
width:665px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border-width:2px;
border-style:solid;
border-color:#c0c0c0;
}
#banner { width:665px;
margin-left:auto;
margin-right:auto;
}
#box1right {background-color:#666666;
width:150px;
position:absolute;
top: 218px;
right: 5px;
border-top-width:0px;
border-right-width:1px;
border-left-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:#000000;
}
h1 { font-family:Tahoma;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}
Indlæg senest redigeret d. 15.05.2007 22:20 af Bruger #11631