Autor | Zpráva | ||
---|---|---|---|
gardener Profil |
#1 · Zasláno: 15. 9. 2008, 09:45:26
Zdravím
Mám jednu prosbu,mám vytvořený layout, vše funguje v pořádku, až na to, když zadávám text do DIVu určeného pro textový obsah, tak text který má větší výšku, než layout přeteče footer, zajímalo by mne, jak to udělat aby se footer posunoval v závislosti na výšce text, tj. aby ho text nepřetékal. Už jsem zkoušel nastavit footeru různé vlastnosti, ale stále bez výsledku Děkuji za jakoukolliv radu. Přidávám HTML, pro představu, jak jsou jednotlivé DIVy v sobě vnořeny.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="look.css" rel="stylesheet" type="text/css" media="all" /> <link href="look_mobile.css" rel="stylesheet" type="text/css" media="handheld" /> <title>Dokument bez názvu</title> </head> <body> <div id="everything"> <div id="logotyp">logotyp</div> <div id="header"><img src="images/header.png" alt="header" width="977" height="283"/></div> <div id="navigation"> </div> <div class="left_box"></div> <div id="menu"> <h1 class="title">Hlavní nadpis ?</h1> <h2 class="left">Levý sloupec</h2> </div> <div id="white_background"> <div class="text_content"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse mattis, odio eu porta feugiat, nisi felis malesu ada massa, id hendrerit justo justo sit amet tortor. Fusce pu lvinar. Proin aliquam, turpis ac pharetra dictum, urna diam euismod augue, non aliquet nisl augue eget purus. Cras tinc dunt. Donec imperdiet, massa et faucibus elementum, erat lo rem vulputate felis, eget commodo massa ipsum vel leo. Fusc e nisl. Aenean lacus. Curabitur vehicula. Praesent imperdiet. Maecenas tristique. </p> </div> <div id="projects_box_header"> <h3 class="title_last_projects">Poslední projekty</h3> </div> <div id="content_projects"> <img class="img_projects_box" src="images/projects.png" alt="poslendní projekty"/> <div id="text_content_projects"> </div> <div id="projects_box_footer"> </div> </div> <div id="left_navigation_content"> <ul class="left_link"> <li>Související odkazy</li> <li>Související odkazy</li> </ul> </div> <div id="overpass_navigation_content"> <h2 class="left">Levý sloupec 2</h2> </div> <div id="left_blue_navigation_content"> <ul class="left_link"> <li>Související odkazy</li> <li>Související odkazy</li> </ul> </div> <div id="left_blue_navigation_footer"></div> </div> <div id="footer"></div> <div id="validity_footer"></div> </div> </body> </html> |
||
Nox Profil |
#2 · Zasláno: 15. 9. 2008, 10:09:13 · Upravil/a: Nox
Bez CSS to asi moc nepomůže, ale pokud má div s textem nastavenou výšku, tak to prostě bude (kromě IE) přetékat,
takže místo height použij min-height (kromě IE), pokud floatuješ, tak se možá bude hodit clear (nechce se mi přesně studovat jak to tu máš, to sám víš nejlíp)(třeba http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082 ) |
||
gardener Profil |
#3 · Zasláno: 15. 9. 2008, 11:51:40
Float pro ten DIV, právě není nastaven vůbec, jinak height má nastaven na auto a min-height 300px;
Zkusím se podívat na PIXIHO návod, ale nevím zda to zrovna vyřeší tento problém, rozhodně napíši, jak jsem dopadl.. |
||
gardener Profil |
#4 · Zasláno: 15. 9. 2008, 14:44:12 · Upravil/a: gardener
Tak bohužel Pixiho případ s float neřeší můj problém....
Potřeboval bych aby zvětšující se text v DIVu, posunoval i footer pod ním, vše okolo(levý slouopec, pravý sloupec) je nastaveno dobře, tj. prostor okolo je vybraven barvou,pozadi v ooli textu. Zde je přiložen CSS kód pro footer a text DIV: Díky za jakoukolliv radu... .text_content { background-color:#FFFFFF; margin-right: 12px; position: absolute; width:450px; min-height: 500px; left: 200px; max-width: 450px; top: 10px; } #footer { width:977px; height:83px; visibility:visible; background-image: url(images/footer.png); background-repeat: no-repeat; position: relative; clear: both; } |
||
Časová prodleva: 16 let
|
0