Domov > HTML/CSS in dizajniranje spletnih strani > CSS problem
stran 1 od 1 |< < 1 > >|
CSS problem
 
roberto 22. apr 2010 09:05:44 Pridružen od:
22. apr 2010
6 objav
 14 0 0
#1

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>
všeč(0) ni všeč(0) spam(0)
 
 
Lucifix 22. apr 2010 09:37:06 Pridružen od:
14. okt 2008
744 objav
 438 12 0
#2

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


všeč(0) ni všeč(0) spam(0)
www.slo-foto.net
 
 
Lucifix 22. apr 2010 09:50:01 Pridružen od:
14. okt 2008
744 objav
 438 12 0
#3

Še to, tam imaš odprt en div ki ni potreben:


<div>

<div class="text_content" align="center">test</div>

</div>

Raje kar:


<div class="text_content" align="center">test</div>
všeč(0) ni všeč(0) spam(0)
www.slo-foto.net
 
 
roberto 22. apr 2010 12:38:30 Pridružen od:
22. apr 2010
6 objav
 14 0 0
#4

deluje:) Jaz sem se pa cel dopoldne matral. Hvala!


všeč(0) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > CSS problem
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se