| Autor | Zpráva | ||
|---|---|---|---|
| pavel88 Profil * |
#1 · Zasláno: 28. 7. 2007, 14:05:26
zdravim,
mam problem a je celkem srandovni, protoze vsude jinde to funguje dle meho prani. smiling smiley v ie6, ie7, opere, ff, se mi dostavi ocekavaneho vysledku v safari ne sad smiley zjistil jsem z testovani ze safari nedokaze ve vnistrnim elementu roztahovat rodicovsky: takze pokud zde #top{ position: relative; float: left; margin: 0; padding: 0px 7px 0px 123px; height: 52px; background-color: orange; } nemam definovanou sirku, v safari to nefunguje, pokud bych pouzil padding: 0; width: 100%; v safari se vse roztahne, ale chybi mi tam to oranzove misto treba pro logo nebo menu a prave odstrceni, pouziti padding: 0px 7px 0px 123px; width: 100%; je neprijatelne zobrazi se horizontalni lista, jeste bych chtel rict ze potrebuji toto rozchodi pri univerzalnim rozliseni. v cem spociva ten problem prikladam zdrojak souboru index.html: <html xmlns="http://www.w3.org/1999/xhtml" lang="cs"> <head> <title>safari</title> <link rel="stylesheet" type="text/css" href="safari.css" media="screen, projection"/> </head> <body> <div id="main"> <div id="top"> <div id="jedna"><div id="left1">left left left</div><div id="right1">right right right</div></div> <div id="dve"> <div class="left2">left</div><div class="left2">left</div> <div class="right2">right</div><div class="right2">right</div> </div> </div> </div> </body> </html> a CSS safari.css #main { position: relative; float: left; min-width: 732px; width: 100%; margin: 0; padding: 0; min-height: 100%; height: 100%; background-color: black; } #top{ position: relative; float: left; margin: 0; padding: 0px 7px 0px 123px; height: 52px; background-color: orange; } #jedna{ position: relative; float: left; margin: 0; padding: 0px 0px 4px 0px; width: 100%; height: 23px; line-height: 23px; color: #bababa; background-color: blue; } #left1{ position: relative; float: left; margin: 0; padding: 0; height: 23px; background-color: aqua; } #right1{ position: relative; float: right; margin: 0; padding: 0; height: 23px; background-color: silver; } #dve{ position: relative; float: left; margin: 0; padding: 0; width: 100%; height: 25px; background-color: green; } .left2{ position: relative; float: left; margin: 0; padding: 0; width: 13px; background-color: red; } .right2{ position: relative; float: right; margin: 0; padding: 0; width: 13px; background-color: darkred; } |
||
|
Časová prodleva: 17 let
|
|||
0