Autor Zpráva
Petr Kulen
Profil *
Dobrý den,
potřeboval bych aby se mi obsah natahoval podle toho kolik je v něm textu a aby to nijak neohrozilo stránku,
Vždy se mi stane, že obsah se přetáhne přes celkovou výšku stránky. Předem děkuji

/* CSS Powerleveling */

body { background-color: #212121;

}

.stranka { width: 780px;
height: 700px;
border: 1px solid white;
margin: 0 auto;

}

.hlavicka { width: 100%;
height: 180px;
border: 1px solid green;

}

.lista { width: 100%;
height: 30px;
border: 1px solid red;
float: left;

}

.obsah { width: 100%;
height: 460px;
border: 1px solid orange;
float: right;

}

.paticka { width: 100%;
height: 25px;
border: 1px solid blue;
clear: both;

}
Joker
Profil
Petr Kulen
potřeboval bych aby se mi obsah natahoval podle toho kolik je v něm textu a aby to nijak neohrozilo stránku,
Vždy se mi stane, že obsah se přetáhne přes celkovou výšku stránky.

Těžko můžete zabránit obsahu, aby v určité situaci přesáhl výšku stránky :-).
Takže když obsah přesáhne výšku stránky, má se stát co?
joe
Profil
Joker
Asi myslel natahování webu.

Petr Kulen
/* CSS Powerleveling */ 

body { background-color: #212121; 

} 

.stranka { width: 780px; 
height: 700px; 
border: 1px solid white; 
margin: 0 auto; 

} 

.hlavicka { width: 100%; 
height: 180px; 
border: 1px solid green; 

} 

.lista { width: 100%; 
height: 30px; 
border: 1px solid red; 
float: left; 

} 

.obsah { width: 100%; 
height: 460px; 
border: 1px solid orange; 
float: right; 

} 

.paticka { width: 100%; 
height: 25px; 
border: 1px solid blue; 
clear: both; 

}

Označené části vynechat, pak se to bude natahovat.
Shane
Profil
Případně prostudovat http://www.jakpsatweb.cz/css/min-height.html.
Petr Kulen
Profil *
Jednoduše, potřebuji aby se výška stránky přizpůsobovala textu a aby to bylo podle norem W3C.
Petr Kulen
Profil *
Děkuji
Zuben45
Profil
Dobrý den nevíte jak to nastavit u tohoto kodu ? Děkuji

a { color:#ffcc00; text-decoration:none; font-size:11px;}
a:hover { color:#990000; text-decoration:underline; }

a.side { color:#ffcc00; text-decoration:none; }
a:hover.side { color:#990000; text-decoration:underline; }

a.white { color:#ffffff; text-decoration:none; }
a:hover.white { color:#990000; text-decoration:underline; }

body
{
background-image:url('images/bg.jpg');
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 50% 0%

}

form { margin:0px 0px 0px 0px; }

hr { height:1px; color:#ffffff; }
hr.side-hr { height:1px; color:#ccc; }

td { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px; }

pre { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; }

.alt { color:#666; }

.white-header {
background-image: url(images/menubar.jpg);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:12px;
color:#999999;
padding:5px;
}

.full-header {

font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#ddd;
padding: 0px;
}

.button {
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#ffffff;background-color:#003300;
height:19px;
padding:0px 2px 0px 2px;
border:1px #888 solid;
margin-top:2px;
}

.textbox {
background-image: url(images/light2.jpg);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000;
border:1px #999 solid;
}

.main-body {

font-size:13px;
color:#ffffff;
padding:8px 8px 8px 8px;
}

.side-body {

font-size:11px;
color:#ffffff;
padding:2px 4px 2px 4px;
}

.main-bg {
background-color:#000;
padding:4px;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
}

.border { border:2px #181818 solid;}


.side-border-left {

border-right:1px #ffcc00 solid;
padding:1px;
}

.side-border-right {

border-left:1px #ffcc00 solid;
padding:1px;
}

.news-footer {
background-image: url(images/cellpic4.gif);
font-size:9px;font-weight:bold;
color:#ffffff;
padding:8px 0px 0px 0px;
}

.barmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000;
padding:4px 4px 4px 4px;
}

.capmain {
background-image: url(images/sideheader.gif);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:15px;font-weight:bold;text-align: center;
color:#ffcc00;
padding: 7px;
}

.scapmain {
background-image: url(images/link-top.jpg);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;font-weight:bold;text-align: center;
color:#ffcc00;
padding:9px;;
}

.tbl-border { background-color:#480000; }
.tbl { font-size:11px; padding:2px 0px 2px 0px;}
.tbl1 { font-size:11px; color:#ffffff; background-color: #000; padding:5px; }
.tbl2 { font-size:11px; color:#ffffff; background-color: #181818; padding:5px; }

.forum-caption {
font-size:10px;font-weight:bold;
color:#ffffff;background-image: url(images/cellpic4.gif);
padding:2px 4px 2px 4px;
}

.quote {
color:#000;background-image: url(images/light2.jpg);
padding:2px;
margin:0px 20px 0px 20px;
border:1px #ccc solid;
}

.poll { height:12px; border:1px #000 solid; }

.comment-name { font-weight:bold; color:#666; }

.shoutboxname { color:#ffcc00; }
.shoutbox { color:#ffffff; }
.shoutboxdate { font-size:9px; color:#ffcc00; text-align:right; }

.small { font-size:10px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#ffffff; }
.side-small { font-size:10px;font-weight:normal; color:#ffffff; }
.side-label { background-color:#ddd; padding:2px; }

.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #ccc; filter: none; }
.gallery:hover img { border: 1px solid red; filter: none; }
img.activegallery { border: 1px solid green; filter: none; }
Zuben45
Profil
Dobrý den nevíte prosím jak udělat oby se opakovala jen jedna část obrázku a ten zbytek zustal jak je , vrh nahoře a dolek dole :-D , jen prostředek aby se natahoval , Děkuji
Bubák
Profil
Zuben45
Víme. Hlavně si na nesouvisenící dotaz založ vkastní vlákno.

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:

0