Podstrony
- telcocafe
- [php] Dodanie textu do pliku. Problem... :) POMOCY!!!!!!!!!!!!!
- Problem ze zgrywaniem z kamery Problem ze zgrywaniem z kamery
- [JS] Problem ze skryptem pobierającym źródło strony skrypt pobierający źródło strony
- Głupi problem HELP !!!
- [JS, jQuery] Problem z przejściem z JS na jQuery
- [HTML] 2 problemy z html-em
- [domena] Problem z domeną
- Problem z O/C - Barton 2800+ AMD Athlon XP 2800+ Barton
- [php/mysql]problem z wyświetleniem danych [php/mysql]
- Problem z SP2 NIE uruchamia mi sie system !!!
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- taatry.keep.pl
telcocafe
Chce stworzyć layout, który na tabelach wygląda TAK. Natomiast gdy zrobiłem to w DIV'ach wygląda to TAK. Do tego jeszcze w Firefoxie i Oprze inaczej (w tym wypadku gorzej) niż w IE.Główny problem polega na tym, że DIV'y nie wypełniają kolorem tła, które nie jest zapisane tekstem, ale tło powinno rozciągać sie na 100%, tak jak w tabelkach.
Jakie poprawki dodać do tego kodu na DIV'ach, albo jak napisać to od nowa?
Masz literówkę hegiht: 100%; (powinno być height). Po za tym jeśli chcesz rozciągnąć wysokość diva do środka albo czegoś innego użyj Javascript.
Już usunąłem literówke. Dalej tak samo. Poza tym nie wiem czy te HEIGHT jest tam w ogóle potrzebne... ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <script type="text/javascript"> <!-- function heightAlign(minHeight) { var elm = [], val = [minHeight], i, tmp; for (i = 1; i < arguments.length; i++) { if (tmp = document.getElementById(arguments[i])) { elm[elm.length] = tmp; tmp.style.height = 'auto'; val[val.length] = tmp.offsetHeight; } } tmp = eval('Math.max(' + val.join(',') + ')'); for (i = 0; i < elm.length; i++) { elm[i].style.height = tmp + 'px'; } } onload = function() { heightAlign(0, 'all', 'box1', 'box2', 'box3', 'box4', 'box5'); }; //--> </script> <style type="text/css"> body{ text-align:center;} #all{ margin: 0px auto; width:605px; border: solid 2px black;} #box1{ background: #FFD6AD; float: left; width: 100px; } #box2{ background: #FFFFFF; float: left; width: 25px; } #box3{ background: #FFD6AD; float: left; width: 350px; } #box4{ background: #FFFFFF; float: left; width: 25px; } #box5{ background: #FFD6AD; float: right; width: 100px; } </style> </head> <body> <div id="all"> <div id="box1">KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA KOLUMNA LEWA </div> <div id="box2"> <!-- bialy odstep miedzy czesciami --> </div> <div id="box3"> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst </div> <div id="box4"> <!-- bialy odstep miedzy czesciami --> </div> <div id="box5"> KOLUMNA PRAWA KOLUMNA PRAWA KOLUMNA PRAWA KOLUMNA PRAWA KOLUMNA PRAWA KOLUMNA PRAWA KOLUMNA PRAWA </div> </div> </body> </html>
Dzięki! Działa wyśmienicie.