Autor Zpráva
onas
Profil *
Dobrý den,
rád bych poprosil o pomoc s layoutem v css. Dělá mi to jednu takovou neplechu že pokud mám text v divu=main2 a dovnitř umístím další div=pokus tak text, který je uvnitř, neposouvá a ani nezvěčuje divy s názvem holder a main2. Asi je to chybným floatování, ale pokud nastavím holder nebo main float:left tak se mi rozhodí zarovnání na střed. Děku za každnou radu a nápad jak tento problém vyřešit. Děkuji.

Html:
<body>

         <div class="holder">
             <div class="main2">                   

                   <div class="pokus">
                        text<br />
                        text<br />
                        text<br />
                        text<br />
                        text<br />
                   </div>
                   
                   <div class="pokus2">
                        text
                   </div>
               
                </div>
            </div>

            
            <div class="holder2">
                <div class="main3">
                    
                    text
            
                </div>
            </div>

</body>

CSS:

@charset "utf-8";
/* CSS Document */
body {
text-align: center;
margin:0;
padding:0;
}

.main {
border:1px solid #000000;
margin:auto;
text-align:left;
width: 1000px;
}

.holder {
background-color: #000;
min-height:50px;
}

.main2 {
border:0px solid #333;
width: 1000px;
min-height:49px;
margin:auto;
text-align:left;
background-color: #099;
}

.holder2 {
background-color: #0C6;
min-height:50px;
}

.main3 {
border:0px solid #333;
width: 1000px;
min-height:49px;
margin:auto;
text-align:left;
background-color: #09F;
}

.pokus_main{
border:solid 1px;
}

.pokus{
float:left;
width:300px;
min-height:10px;
border:solid 1px;

}

.pokus2{
float:left;
width:200px;
min-height:10px;
border:solid 1px;
}
panther
Profil
onas:
Asi je to chybným floatování
z tvého popisu sice pořádně nevím, kde je problém (vyřešil by odkaz na web), ale není ukončené floatování po .pokus a .pokus2.
onas
Profil *
Ahoj,
zde zasílám odkaz: http://onoko.cz/pokus/
jde o to že div pokus který je v main2 by se měl zvětšit a posunout holder2 a main3, ale ono se tak nestne:-/, nevíte kde je problé?řeším zde totiž problém, že v holdrech bude jinačí pozadí a mainy musí být zarovnané na střed.
panther
Profil
onas:
tak znovu: [#2] „není ukončené floatování po .pokus a .pokus2“.
onas
Profil *
Omlouvám se za hloupá dotaz, ale ukončín float:left myslíte clear:left?Pokud ano, tak to jsem již zkoušel než jsem zakládal tento topic. Ještě možná detail, ale já potřebuji aby .pokus a .pokus2 byly vedle sebe.
panther
Profil
onas:
myslíte clear:left?
ano, nebo overflow: hidden rodiči.

tak to jsem již zkoušel než jsem zakládal tento topic.
pravděpodobně špatně, na špatném místě.

ale já potřebuji aby .pokus a .pokus2 byly vedle sebe.
nejsou? Jsou. A budou, když vyclearuješ pod nimi (ne pod každým z nich), evidentně nechápeš, jakou funkci tato CSS vlastnost plní, jak funguje.
onas
Profil *
Moc vám děkuji, měl jsem naprostou pravdu, nechápal jsem to:-/. Overflow rodiči to vyřešil.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: