Autor Zpráva
ondrs
Profil *
Potreboval bych pomoct s dvousloupcovym layoutem na http://ondrs.php5.cz/web/

Vypis s css souboru:
---------------------------------------------------------------------- --
#hlavni {
width: 750px;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

#telo {
width: 750px;
height: auto;
background-color: #FFFFFF;
background-image: url('obrazy/webikx_02.gif');
background-repeat: repeat-y;
}

#menu {
width: 150px;
height: auto;
text-align: right;
position: relative;
}

#text {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
width: 600px;
height: auto;
position: relative;
text-align: left;
}

#paticka {
background-image: url('obrazy/webik_16.gif');
width: 750px;
height: 29px;
}
---------------------------------------------------------------------- ------------
Uz opravu nevim jak na to..... :( Budu vdecny za vsechny rady
flying gentleman
Profil
jeden z divu text nebo menu musis floatovat.
ondrs
Profil *
Jeste takhle ....... potrebuju ty sloupce se stejnou velikosti
flying gentleman
Profil
se stejnou vyskou?jde o to vtipne nastavit pozadi
Bobys
Profil
asi bych tam dal float
flying gentleman
Profil
#telo musi mit stejne pozadi jako kratsi sloupec (asi #menu) a #text muze mit pozadi jake chce
Bobys
Profil
aaaaaaaaa sorry to sem poslal pozde ja mezi tim este hral ...........
Bobys
Profil
http://www.xfun.webz.cz/gray/index.htm
myslis takhle? ---------obsahu si nevsimat!!------------------
ondrs
Profil *
Bobys: j takhle
Jde mi to to, aby ty texty byly na stejne urovni
Bobys
Profil
Podivej se jak to ma gamezone ty to maj myslim bez position: absolute .... Jinak bych to bejt tebou udelal s position: absolute ale mel by si to asi jenom pro rozliseny 1024x768
Bobys
Profil
HTML :
--------
<div id="hlavni">
<a href="index.php"><img src="obrazy/webik_01.gif" alt="Ondrsův webík"
style="border:0px; width:750px; height:191px;" /></a></div>

<div id="menu">
Tohle potřebuju vlevo <br />

<hr />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut fringilla.
</div>

<div id="text">
Tohle potřebuju mít vpravo <br />
<hr />
Morbi ut leo non ante ultrices ultricies. Proin nec nulla ut nulla condimentum pulvinar. Curabitur et tellus bibendum neque interdum feugiat. In risus felis, fringilla eu, feugiat a, aliquam ut, velit. Quisque pharetra tellus ac dolor. Phasellus felis tellus, cursus a, lacinia in, iaculis nec, sapien. Sed lectus. Cras massa dui, imperdiet ut, scelerisque sit amet, condimentum molestie, turpis. Suspendisse gravida velit eget velit. Aliquam erat volutpat. Vestibulum et risus. Cras neque metus, aliquam id, viverra vitae, tempus vitae, magna. Nullam urna dolor, elementum nec, accumsan in, mollis non, ante. Nunc lacus enim, posuere eget, auctor ut, lobortis sed, magna. Donec in mi in lectus vehicula ultrices. In lacinia turpis vel wisi. Fusce ac metus.
</div>
-------------------
CSS:
-------------------------

#hlavni {
width: 191px;
height: auto;
position: absolute;
left: 50px;
top: 20px;}


#menu {
width: 150px;
height: auto;
text-align: right;
position: absolute;
left: 50px;
top: 211px;
}

#text {
width: 600px;
height: auto;
text-align: center;
position: absolute;
left: 200px;
top: 211px;



}
------------
peta
Profil *
Bobys Sem zvedavy, jak docili, aby se ti u teto pozicovane konstrukce...
- zobrazil scroll, kdyz zuzim stranku
- kdyz je delsi slovo, tak bych ocekaval roztazeni nejake strany, ne preteceni slova, treba pri zvetseni pisma, pri zmenseni, zas opak. Pro to preteceni, asi nejlepe nastavit overflow:auto
- Kdyz budes mit sloupec vyssi, nez vyska stranky, zobrazi se scroll?
... ale neboj, floatovani ma take sve minusy, neni vhodna technologie, jak spravne zobrazovat sloupce, mimo tabulky. A tabulky jsou nevhodne kvuli zobrazeni obsahu az po jeho nacteni :)
ondrs
Profil *
http://css.e-sign.cz/test22.html
Dvousloupcovy layout, presne jak sem chtel ;)
Cirdan
Profil *
ondrs skus sa pozriet este na toto http://www.wellstyled.com/css-2col-fluid-layout.html urcite si z toho nieco vyberies... :-D
Toto téma je uzamčeno. Odpověď nelze zaslat.