CSS problem
2 naročnika
2 naročnika
Imam en problem s CSS-jem.. Stran mi sicer stoji skupaj, če pa odzumam v brskalniku (ctrl plus -) pa se desna tabelca pomakne pod levo, kar pa mi ni všeč..
Prosim za pomoč.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#centerdata {
width: 1000px;
margin: 10px auto;
}
#wide_col {
width: 800px;
float: left;
background: #222425;
border: 1px solid #333333;
margin-bottom: 1px;
}
#side_col {
width: 184px;
float: left;
margin-left: 10px;
background: #222425;
border: 1px solid #333333;
}
</style>
</head>
<body>
<div id="centerdata">
<div id="wide_col"> test </div>
<div id="side_col">
<div>
<div class="text_content" align="center">test</div>
</div>
</div>
</div>
</body>
</html>
3 odgovori
Poizkusi takole:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#centerdata {
width: 1000px;
margin: 10px auto;
}
#wide_col {
width: 800px;
float: left;
background: #222425;
border: 1px solid #333333;
margin-bottom: 1px;
}
#side_col {
width: 184px;
float: right;
background: #222425;
border: 1px solid #333333;
}
</style>
</head>
<body>
<div id="centerdata">
<div id="wide_col"> test </div>
<div id="side_col">
<div>
<div class="text_content" align="center">test</div>
</div>
</div>
</div>
</body>
</html>
Za side_col raje uporabi float: right in brez margin-left: 10px
Če ti je razmak med widecol in sidecol prevelik, pa spremeni velikost width wide_col