Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- Stałe w CSS Jak zdefiniować stałe globalne w CSS?
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- miniorki.keep.pl
telcocafe
Pracuje nad nowym layoutem strony. Wykonuje go na warstwach i korzystam z poradnika Eksperta nr 2/2005. Po ustanowieniu obramowania dla jednej z warstw cala konstrukcja rozpada sie.styl w pliku css:
body { margin: 0px; padding: 0px; background: #000000; color: #FFFFFF; font: 10px Verdana; } div#wrapperAll { width: 750px; margin: 10px auto; border: 1px solid #D8A900; /* text-align: left */ } div#wrapperHeader { height: 30px; border-bottom: 1px solid #D8A900; } div#wrapperHeaderLeft { width: 20%; height: 50px; float: left; border-bottom: 1px solid #D8A900; border-right: 1px solid #D8A900; [B]// Po ustanowieniu tego obramowania otrzymuje blad[/B] } div#wrapperHeaderRight { width: 80%; height: 50px; float: left; border-bottom: 1px solid #D8A900; }
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="bc.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>Layout</title> </head> <body> <div id="wrapperAll"> <div id="wrapperHeader"> Header </div> <div id="wrapperHeaderLeft"> Statystyki </div> [B]// Obramowanie dzielace lewa czesc od prawej[/B] <div id="wrapperHeaderRight"> Logowanie </div> <div id="wrapperColLeft"> Menu </div> <div id="wrapperContent"> Tresc </div> <div id="wrapperFooter"> Stopka </div> </div> </body> </html>
Nie napisalem reszty w pliku css poniewaz zatrzymalem sie na tym bledzie.
Użytkownik m_uli edytował ten post 05 marzec 2006, 14:13
div#wrapperHeaderLeft = 20%
div#wrapperHeaderRight = 80%
W sumie daje nam to 100% szerokości. Dodając jeszcze jeden pix wszystko się sypie :) Ja bym nie robił szerokości w %, tylko w px.
:rolleyes: troche mi glupio :D Problem rozwiazany dzieki za pomoc Snapshot !!!
Pojawil sie kolejny problem. Otoz po dodaniu 2 nowych warstw strona ponownie sie posypala. Warstwa wrapperSub ma odzielic niektore warstwy lecz dziala wrecz odwrotnie wtopila sie w inne warstwy.
Schemat - na szaro zaznczylem te odzielajace (tak jak powinno byc)
http://www.fotosik.p...2jodj7h3c8.html
Tak jest - na czerwono zaznaczylem te klopotliwe
http://www.fotosik.p...2qriqsjgwg.html
index
<div id="wrapperAll"> <div id="wrapperHeader"> Logo, banner </div> <div id="wrapperHeaderLeft"> Statystyki </div> <div id="wrapperHeaderRight"> Logowanie </div> <div class="wrapperSub"> lol </div> <div id="wrapperColLeft"> Menu </div> <div id="wrapperContent"> Tresc </div> <div id="wrapperSub"> lol </div> <div id="wrapperFooter"> Stopka </div> </div>
css
body { margin: 0px; padding: 0px; background: #000000; color: #FFFFFF; font: 10px Verdana; text-align: center; } div#wrapperAll { width: 750px; margin: 10px auto; border: 1px solid #D8A900; text-align: left } div#wrapperHeader { height: 30px; border-bottom: 1px solid #D8A900; } div#wrapperHeaderLeft { width: 200px; height: 50px; float: left; border-bottom: 1px solid #D8A900; border-right: 1px solid #D8A900; } div#wrapperHeaderRight { width: 549px; height: 50px; float: left; border-bottom: 1px solid #D8A900; } div#wrapperColLeft { width: 200px; float: left; border-right: 1px solid #D8A900; } div#wrapperContent { width: width: 549px; float: left; } div#wrapperFooter { clear: both; border-top: 1px solid #D8A900; } div#wrapperSub { height: 20px; }