Podstrony
- telcocafe
- Kłopot z layout'em Kłopotliwe div'y
- [css] Layout jak zrobić to na div/css
- [HTML/CSS/Photoshop] Tworzenie layout'u pytanie do ludzi z doświadczeniem
- Problem z layoutem na DIV'ach a z tabelami idzie łatwo...
- [layout]Jakie macie pomysły na ciekawą stronę o sprzęcie
- [LAYOUT] Sposób na wygląd strony. System Template'ów.
- jak zrobic tekst w layoucie... jak podzielilem layout to co dalej....
- [Adobe ImageReady] Cięcie i mapa layout'u
- [HTML, CSS] Layout strony background-image czy <img>?
- [layout] Strona szeroka na 1000px, ciężki top
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- windykator.keep.pl
telcocafe
Witam,Mam pewnien problem z LAYOUT'em strony.
W prawym menu pojawjają się "luzy"
Poniżej screny:
Obraz z Opery
Obraz z IE
Zaznaczone "luzy" ( Opera )
A tutaj kody źródłowe:
Index.php
<body onload="" style="font-size=12px; background-image:url(includes/bg_body.jpg);"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <title>2b Lyski</title> <link rel="stylesheet" href="includes/menu.css" type="text/css" /> </head> <body> <div id="wrapperHeader"> <? include ("includes/header.php"); ?> </div> <div id="middle"> <div id="wrapperColLeft"> <? include ("includes/l_bar.php"); ?> </div> <div id="wrapperContent"> <? include ("site/uczniowie.php"); ?> </div> <div id="wrapperColRight"> <? include ("includes/r_bar.php"); ?> </div> <br style="clear: both" /> </div> <div id="wrapperFooter"> <? include ("includes/stopka.php"); ?> </div> </div> </body> </html> <br style="clear: both" />
menu.css
a.menu_head { text-decoration: none; padding: 5px; padding-left: 10px; color: #545454; border: none; text-align: left; background: url("menu/title.jpg") no-repeat; font: bold italic 14px/100% Arial; vertical-align: middle; display:block; border: 0px solid #000000; } a.menu { text-decoration: none; padding: 5px; padding-left: 20px; color: #ffffff; border: none; text-align: left; background: url("menu/menu.jpg") no-repeat; font: bold italic 15px/100% Arial; vertical-align: middle; display:block; } a.menu:hover { text-decoration: none; padding: 5px; padding-left: 20px; color: #ffffff; border: none; text-align: left; background: url("menu/menu1.jpg") no-repeat; font: bold italic 15px/100% Arial; vertical-align: middle; display:block; } body { background: #FFF; color: #424F5D; font: bold 15px/130% Verdana; text-align: center; } div#wrapperAll { width: 760px; margin: 10px auto; border: 1px solid #A1B5C9; /* text-align: left; */ } * html * div#wrapperAll { width: 760px; w\idth: 760px; } div#wrapperHeader { height: 100px; background-color: #D5EAFF; } div#middle { text-align: center; background: url('site_bg.bmp') repeat-y; width: 760px; } div#wrapperColLeft { width: 21%; float: left; min-height: 500px; // background-color: #E5E5E5; } div#wrapperColRight { width: 21%; float: left; min-height: 500px; align: right; // background-color: #E5E5E5; } div#wrapperContent { width: 58%; float: left; min-height: 500px; // background-color: #ffffff; } * html * div#wrapperContent { height: 500px; } div#wrapperFooter { clear: both; height: 50px; background-color: #D5EAFF; }
P.s. Można zauważyć że nagłówki ZEGAREK i KALENDARZ są większe od komponentów - wszstko sie zgadza... zmniejszałem jedynie wielkość komponentów... ( myslłałem że problem pojawja się przez BODRER )
Ja bym proponował usunąć wszystkie niepotrzebne białe znaki (np. nowe linie, niepotrzebne spacje, tabulatory). Można powiedzeć "Zapisz kod strony w jednej linii", a potem z metody prób i błędów możesz manipulować kodem i sprawdzać, które konkretnie białe znaki tworzą problem