Autor Zpráva
Martin_
Profil *
Ahoj,
mám problém s kódem níže. Pokud výšku okna prohlížeče zúžím na cca 300px nebo razantně zvýším velikost písma tak, aby se vpravo vytvořil posuvník, div umístěn v body se roztáhne, body také. Ale rámeček okolo body zůstane na své původní velikost. Neřešili jste někdy něco podobného?
Přikládám obrázek http://data1.edisk.cz/stahni/21929/problem.gif_62.96kB.html

Je to vlastně podobné řešení, které použil plaváček [/pre]zde, stačí do stylopisu k body připsat

border:1px solid red
a hodně zvětšit písmo.

Nevíte jak zařídit, aby se rámeček zvětšoval spolu s vnořeným divem? Stejný problém nastane, jestliže dám body nějaké pozadí a umístím ho jako "bottom". Zůstává pak stejně přibité jako rámeček.


[pre]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Problem</title>
<style type="text/css">
* {
padding:0;
margin:0;
}
html, body {
height:100%;
}
body {
border:3px solid red;
background:green;
}
#box {
height:100%;
border:3px solid blue;
width:670px;
margin:auto;
background:white;
}
body > #box {
height:auto;
min-height:100%;
}
</style>
</head>

<body>
<div id="box">
<p>Proin vulputate dui et eros. Mauris sollicitudin, dui at auctor lobortis, diam libero vestibulum tellus, sed porttitor est dui non justo. Proin ac orci. Nulla tincidunt ornare nisi. Proin dui mauris, convallis consequat, lacinia ut, gravida vel, purus. Cras blandit tempor nisl. Vivamus arcu purus, bibendum sed, mollis ac, tempus id, quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc dolor turpis, tempus eget, congue at, porta sed, tortor. Donec adipiscing tellus ac massa. Curabitur eu lorem. Suspendisse fringilla lectus at leo. Curabitur leo erat, pellentesque quis, feugiat quis, vehicula non, lorem. Sed pulvinar erat sit amet nisl. Suspendisse nibh. Maecenas mi sapien, pretium ut, porttitor vitae, iaculis et, urna. Vivamus ante ante, pulvinar ac, pretium in, fringilla sit amet, ante. Vestibulum lectus.</p>
<p>Proin vulputate dui et eros. Mauris sollicitudin, dui at auctor lobortis, diam libero vestibulum tellus, sed porttitor est dui non justo. Proin ac orci. Nulla tincidunt ornare nisi. Proin dui mauris, convallis consequat, lacinia ut, gravida vel, purus. Cras blandit tempor nisl. Vivamus arcu purus, bibendum sed, mollis ac, tempus id, quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc dolor turpis, tempus eget, congue at, porta sed, tortor. Donec adipiscing tellus ac massa. Curabitur eu lorem. Suspendisse fringilla lectus at leo. Curabitur leo erat, pellentesque quis, feugiat quis, vehicula non, lorem. Sed pulvinar erat sit amet nisl. Suspendisse nibh. Maecenas mi sapien, pretium ut, porttitor vitae, iaculis et, urna. Vivamus ante ante, pulvinar ac, pretium in, fringilla sit amet, ante. Vestibulum lectus.</p>
</div>
</body>
</html>
Toto téma je uzamčeno. Odpověď nelze zaslat.