Autor Zpráva
Mirse
Profil *
#1 · Zasláno: 7. 8. 2005, 10:29:26
Odpovědět Citovat
Ahoj, mohly by jste se pls podivat na stranku http://ice.xhosting.cz/ a poradit proc je spodni lista :Design Mirse webdesign © 2005 ve firefoxu nalepena nad blokem co je nad nim? Ma tam byt mezera. V opere a v jespru to je ok ale firefox to nebere? Ma to neco do cineni s vlastnosti Float. Kdyz tu vlastnost vymazu je to ok ale rozhodi se mi to. Predem diky za radu.

Zjednoduseny kod.
<body>
<div id="stred">
<div id="obsah">
<p>Lorem ipsum ..</p>
</div>
</div>
<div id="paticka">
</div>

/* rozvrzeni stranky */
#stred {
margin:3px auto;
width:760px;
}
#obsah {
width:758px;
float:left;
color:#3a3a3a;
border:1px solid #ccc;
height:500px;
}
body #obsah {
height:auto;
min-height:500px;
}
#paticka {
clear:both;
width:758px;
margin:3px auto;
border:1px solid #ccc;
}
Plaváček
Profil
#2 · Zasláno: 7. 8. 2005, 10:41:27
Odpovědět Citovat
Zkus to udělat takhle:

#stred {
margin:3px auto;
width:760px;
}
#obsah {
width:758px;
float:left;
color:#3a3a3a;
border:1px solid #ccc;
height:500px;
margin-bottom:3px;
}
body #obsah {
height:auto;
min-height:500px;
}
#paticka {
clear:both;
width:758px;
border:1px solid #ccc;
}
-->
</style>
</head>

<body id="index">

<div id="stred">
<div id="obsah">
<h1>Index ąkoly</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut molestie, purus consequat eleifend rutrum, quam enim pharetra mi, imperdiet dapibus turpis urna ac sem. Donec nec mauris ut wisi volutpat elementum. Sed sollicitudin wisi ac est. Sed diam leo, laoreet sit amet, vehicula et, consectetuer ut, turpis. Fusce enim leo, nonummy nec, iaculis vitae, varius cursus, purus. Mauris pellentesque porttitor nibh. Nullam molestie. Etiam vehicula, dui et vulputate ornare, metus tortor sagittis lacus, sit amet auctor lorem est eget augue. Aliquam erat volutpat. Donec sagittis, enim sit amet fermentum posuere, libero felis ornare leo, vitae consequat wisi justo a justo. Maecenas molestie. Duis ullamcorper ante sit amet nibh. Cras diam urna, convallis a, blandit eu, condimentum id, arcu. Phasellus non mauris at ipsum tincidunt molestie. Etiam sagittis blandit wisi. Nam mollis diam id sem. Phasellus eget libero sed augue ornare hendrerit. Cras cursus dui quis magna.

Cras dapibus. Maecenas egestas. Cras porta ligula vitae lectus. In eget orci ut pede mollis ullamcorper. Fusce sed velit et turpis pellentesque condimentum. Praesent nulla sem, congue ac, mollis sed, dictum eu, libero. Phasellus tempus turpis ac massa. Etiam leo. Phasellus feugiat, felis non rhoncus sodales, massa enim congue lacus, non tincidunt velit augue at augue. Praesent egestas. Mauris vitae metus. Phasellus pede dolor, euismod ac, rutrum sit amet, viverra ut, quam. Mauris in lectus non mauris sodales pulvinar. Curabitur et tortor. Donec mattis.
Nullam a tellus. </p>
</div>

<div id="paticka">
<p class="copyright">Design <a href="http://www.mirse.cz/" title="Hlavní stránka Mirse webdesign /www.mirse.cz/ ">Mirse webdesign</a> &copy; 2005</p>
</div>

</div>
Mirse
Profil *
#3 · Zasláno: 7. 8. 2005, 10:45:21
Odpovědět Citovat
Dik, moc Plavacku. Je videt, ze jsi bedna.
Plaváček
Profil
#4 · Zasláno: 7. 8. 2005, 10:48:14
Odpovědět Citovat
No, spíš jsem nepochopil, proč blok #obsah necháváš plavat, mám pocit, že u takto zvoleného layoutu je to zbytečné. Jinak řečeno, když zrušíš float, i FF ti bude správně respektovat margin u patičky.
Mirse
Profil *
#5 · Zasláno: 7. 8. 2005, 10:57:29
Odpovědět Citovat
vcelku to vypada jinak jsou to dva sloupce jeden plave vlevo a druhy vpravo a pod tim ta paticka, tak jsem to orezal o menu a jine zbytecnosti, aby zbyla jen jednoducha kostra s problemem.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0