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
- [domena] Problem z domeną
- Problem z O/C - Barton 2800+ AMD Athlon XP 2800+ Barton
- [php/mysql]problem z wyświetleniem danych [php/mysql]
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- mizuyashi.htw.pl
telcocafe
Mam problem z div'em, którego szerokość jest ustawiona na 100%. W artykule na stronie http://www.kurshtml....s/staly_szablon,szablon.html przeczytałem, że "Deklaracja width: 100% została dodana tylko ze względu na błąd Internet Explorera 6.0 (w MSIE 7.0 wszystko jest w porządku), objawiający się wyświetleniem koloru tła stopki od dolnych krawędzi ustawionych powyżej oblewanych bloków, a tekstu stopki prawidłowo - poniżej nich."<html> <head> <style type="text/css"> html, body { background-color: #fff; color: #000; margin: 0; margin: 0; } #top { width: 1004px; } #naglowek, #menu { background-color: #888; border: 1px solid black; margin: 5px; padding: 5px; } #srodek { margin: 5px; } #menu_lewa { overflow: hidden; width: 180px; float: left; } #informacje { overflow: hidden; background-color: #ccc; border: 1px solid black; margin-bottom: 5px; margin-right: 5px; padding: 5px; } #tresc { width: 802px; overflow: hidden; background-color: #0ff; border: 1px solid black; margin: 0px; padding: 5px; } #stopka { clear: both; width: 100%; background-color: #888; border: 1px solid black; margin: 5px; padding: 5px; } </style> <title> div szablon </title> </head> <body> <div id="top"> <div id="naglowek"> miejsce na baner </div> <div id="menu"> menu poziome </div> <div id="srodek"> <div id="menu_lewa"> <div id="informacje"> podklad dzwiekowy </div> <div id="informacje"> dodatkowe informacje </div> </div> <div id="tresc"> tresc strony<br> <br> <br> tresc strony cd </div> </div> <div id="stopka"> stopka </div> </div> </body> </html>
Sam kozrystam z IE 7 i nie mogę tego sprawdzić. Otóż problem jest taki, że szerokość ostatniego diva jest większa niż teoretycznie powinno być. Oryginalny kod w którym problem nie występuje.
<html> <head> <style type="text/css"> html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } #top { width: 1004px; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; background-color: #ccc; } #TRESC { width: 630px; float: left; overflow: hidden; background-color: #fff; } #STOPKA { clear: both; width: 100%; background-color: #888; } </style> <title> div szablon </title> </head> <body> <div id="top"> <div id="NAGLOWEK"> Nagłówek szablonu </div> <div id="NAGLOWEK"> menu poziome </div> <div id="MENU"> inforamcje </div> <div id="INFORMACJE"> Dodatkowe informacje </div> <div id="TRESC"> TreĹĄć strony </div> <div id="STOPKA"> Stopka serwisu </div> </div> </body> </html>
Moje pytanie: jak to naprawić lub czy można usunąć deklarację pod IE6, aby wszystko działało poprawnie?
Użytkownik Adx edytował ten post 04 czerwiec 2008, 12:50
Problem rozwiąże się, gdy skasujesz wartość WIDTH w #stopka w stylu. To jest chyba najprostrze rozwiązanie. U mnie zadziałało.
Dzięki za odpowiedź. Sprawdziłem i wygląda na to że wzsystko jest w porządku w IE6. Nie wiem czemu autor pisze, że jest błąd.