Autor Zpráva
Muty
Profil
#1 · Zasláno: 13. 5. 2006, 21:37:03
Odpovědět Citovat
Zdravim!
Mam jednoduchy layout:

CSS 



obsah {position: absolute; left: 150px; top: 49px; width: 500px; BORDER: #000000 1px solid; height: 500px;}

.menu {position: absolute; left: 0px; top: 49px; width: 150px; BORDER: #000000 1px solid; height: 500px;}

.hlavicka { position: absolute; width: 760px; top: 0px; left: 0px; height: 50px;  BORDER: #000000 1px solid;}

.odkazy {position: absolute; left: 650px; top: 49px; width: 110px; BORDER: #000000 1px solid; height: 500px;}

a k nemu tento kod: 

<html>

<head>  

	<title>Apocaliptic Riders</title>

	<LINK rel='StyleSheet' href='style/style.css' type='text/css' media='all'>

</head>

<body>

<div class="hlavicka">LOGO</div>

<div class="menu">

.:MENU:.</div><div class="obsah">

Obsah dksjafhsdkjghsjkfdghsfa jhdlf sajdgfsjglk sjskf srilf sdjklsd </div><div class="odkazy">

.:Odkazy:.</div>



</body>

</html>

a nedokazu to proste vycentrovat do prostred stranky. Poradi mi pls. nekdo?
Dekuji
jozob
Profil
#2 · Zasláno: 13. 5. 2006, 22:37:47 · Upravil/a: jozob
Odpovědět Citovat
HTML: 
<div id="obal">

<div class="hlavicka">LOGO</div>

<div class="menu">

.:MENU:.</div><div class="obsah">

Obsah dksjafhsdkjghsjkfdghsfa jhdlf sajdgfsjglk sjskf srilf sdjklsd </div><div class="odkazy">

.:Odkazy:.</div>

</div>


CSS: 

body {

     text-align: center;

}



#obal {

     width: šírka; /* šírka layoutu */

     margin: 0 auto;

}
Muty
Profil
#3 · Zasláno: 14. 5. 2006, 08:16:12
Odpovědět Citovat
Toto řešení se mi bohužel nepodařilo zprovoznit. Upravil jsem cely CSS kod do teto podoby: 

body {



     text-align: center;



}







#obal {



     width:800px; 



     margin:0 auto;



}

.obsah {position: absolute; left: 150px; top: 49px; width: 500px; BORDER: #000000 1px solid; height: 500px;}

.menu {position: absolute; left: 0px; top: 49px; width: 150px; BORDER: #000000 1px solid; height: 500px;}

.hlavicka { position: absolute; width: 760px; top: 0px; left: 0px; height: 50px;  BORDER: #000000 1px solid;}

.odkazy {position: absolute; left: 650px; top: 49px; width: 110px; BORDER: #000000 1px solid; height: 500px;}

a porad nejede. Zkoušel jsem ruzne hodnoty u #obalu, ale bohuzel mi to nejede. CSS opravdu neumim. Mohl by me to nekdo upresnit? Dekuji
J
Profil *
#4 · Zasláno: 14. 5. 2006, 08:48:24
Odpovědět Citovat
Když se používá position: absolute, obávám se, že pomocí obalu s center nic nenaděláte.
Muty
Profil
#5 · Zasláno: 14. 5. 2006, 08:54:00
Odpovědět Citovat
mno a jak to predelat prosim?
J
Profil *
#6 · Zasláno: 14. 5. 2006, 09:28:20
Odpovědět Citovat
http://css.interval.cz/clanky/vychytany-trisloupcovy-fluidni-layout-se -stejnou-delkou-panelu/

i s příkladem http://css.interval.cz/priklady/priklad-9-1.htm
Časová prodleva: 4 měsíce
lecisko
Profil *
#7 · Zasláno: 23. 9. 2006, 20:06:39
Odpovědět Citovat
taky mam takovej problem
Jan Tvrdík
Profil
#8 · Zasláno: 23. 9. 2006, 20:36:10 · Upravil/a: Jan Tvrdík
Odpovědět Citovat
zkus:
#obal{
position: relative;
width:800px;
margin:0 auto;
}
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0