Podstrony
- telcocafe
- div.styl .styl
- Phpmyadmin - jak zainstalowac?! pomocy? Mam kłopot z phpmyadminem... pomocy!
- [CSS/HTML] Dwa znaczniki <div> obok siebie. Szukałem ale nie rozumiem albo coś źle robię.
- [HTML, CSS] 2 div relative obok siebie rozciągajace diva nadrzędnego
- [IE] <img> i <div> na tym samym miejscu aby nie ustawiać koloru tła
- [html] [div] Jak uzyskac 3 bloki lezace obok siebie na tej samej wysokosci?
- [css] Odsunięcie tekstu od krawędzi... ... div-a w którym się znajduje
- [CSS/DIV] Elementy obok siebie. A nie jeden pod drugim.
- [HTML/CSS/DIV] Odtępy między obrazkami/hrefami
- [xhrml][css] DIV zamiast tabelki Problem z background-image
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- aniusiaczek.opx.pl
telcocafe
Jeszcze raz zwracam się z desperacką prośbą o pomoc :( . Od dawna robie tą stronę a tu takie buty :( . Nigdzy nie sprawdzałem jej pod IE, a okazało się że prawy <div> (prawe menu) jest po lewej stronie :( (dokładnie pod lewym menu. Na Firefox'ie wszystko było super :( .Tu sa linki jak to u mnie wygląda (z grafiką):
zdjecie
zdjecie2
Oto kod:
<html> <head> <style type="text/css"> <!-- body { margin: 0; padding: 0; 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: 762px; w\idth: 760px; } div#wrapperHeader { height: 100px; background: #D5EAFF; } div#wrapperColLeft, div#wrapperColRight { width: 20%; float: left; } div#wrapperContent { width: 60%; float: left; min-height: 500px; } * html * div#wrapperContent { height: 500px; } div#wrapperFooter { clear: both; height: 50px; background: #D5EAFF; } .wyrazny { color: #093; } div.Block { width: 146px; margin: 5px auto; } div.Block div.Header { height: 9px; background: url(img/bg_up.gif) no-repeat; } div.Block div.Content { background: url(img/bg_center.gif) repeat-y; font-size: 9pt; text-align: left; line-height: 125%; padding: 0 6px; } div.Block div.Footer { height: 9px; background: url(img/bg_down.gif) no-repeat; } --> </style> </head> <body> <div id="wrapperAll"> <div id="wrapperHeader">tekst </div> <div id="wrapperColLeft"> <div class="Block"> <div class="Header"> <!-- --> </div> <div class="Content">tekst </div> <div class="Footer"> <!-- --> </div> </div> </div> <div id="wrapperContent">tekst </div> <div id="wrapperColRight"> <div class="Block"> <div class="Header"> <!-- --> </div> <div class="Content">tekst </div> <div class="Footer"> <!-- --> </div> </div> </div> <div id="wrapperFooter">tekst </div> </div> </body> </html>
Proszę o pomoc :( ...
Trudno tak powiedzieć jak dajesz szablon zamiast kod strony...
moim zdaniem (szablon mi dobrze działa pod IE więc na podstawie samego kodu trudno powiedzieć) powinieneś zmienić
div#wrapperColLeft { width: 20%; float: left; } div#wrapperColRight { width: 20%; float: right; }
a do "div#wrapperAll" dopisać linijke overflow:auto;
Powinno pomóc
I nie musisz robić drugiego tematu :)
http://forum.ks-eksp...showtopic=81884
Użytkownik Avenger edytował ten post 02 maj 2006, 19:42
Nie wiem, czy tekst Avengera pomógł, ale weź przeczytaj ten art.
Jego rezultat możesz zobaczyć tutaj.
Wystarczy, że przerobisz lewą część, dając do DIVa od menu inne DIVy... tak ja zrobiłem :)
np tak(odnośnie tej strony):
<div id="menu"> <center> <div> title 1 </div> <div> <a href="index.php?a=1">p1-1</a><br /> <a href="index.php?a=2">p1-2</a><br /> <a href="index.php?a=3">p1-3</a> </div> <div> nazwa 2 </div> <div> <a href="index.php?b=4">poz2-1</a><br /> <a href="index.php?b=5">poz2-2</a> </div> </center> </div>
albo pokombinuj z tym (thx 4.: DR@kE:.)
Użytkownik DJ_ProG edytował ten post 02 maj 2006, 19:08
Sam layout jest dobry. Kłopot w tym, że gdy wstawie:
div.Block { width: 146px; margin: 5px auto; } div.Block div.Header { height: 9px; background: url(img/bg_up.gif) no-repeat; } div.Block div.Content { background: url(img/bg_center.gif) repeat-y; font-size: 9pt; text-align: left; line-height: 125%; padding: 0 6px; } div.Block div.Footer { height: 9px; background: url(img/bg_down.gif) no-repeat; }
Menu przeskakuje na drugą stronę :( . Powinno być dobrze, ale jest źle.
PS. Avenger, o co chodzi z "kodem strony"?
nie moge pracować nad tym co dałeś bo u mnie trudno powiedzieć dokładnie co jest nie tak bo ty mi dałeś tylko szablon czyli samą strukture strony jak ma być zaś twoja strona ze screenów to już jest efekt końcowy w któym są problemy i to na nim a nie na szablonie powinnysmy ci pomagać bo nie wiem czy sprawdzałeś to co nam dajesz ale to działa bez problemu zarówno na IE i na Mozilli/Operze tak samo więc tak trudno poprawiać cos co jest dobre...
Użytkownik Avenger edytował ten post 05 maj 2006, 17:43
Może i jestem głupi, ale u mnie nadal to jest żle. Skopiowałem ten kod, i wkleiłem do notatnika. Zapisałem i znów to samo :( . Z lewej strony na samym dole znów widnieje napis "tekst" :( . Ja chce tylko, aby on był po prawej stronie na górze :( . Zerknijcie jeszczer raz, proszę...
Tym razem zaznaczyłem na czerwono, co jest nie tak:
Oto problem
Ten napis "tekst" ma być tu
Po pierwsze nikt nie uważa że jesteś głupi ;) Więc nie jesteś a po drugie ten sam kod (dosłownie ten sam) wyglada u mnie tak w IE więc nie rozumiem jak u ciebie moze inaczej. IMO jeszcze ktoś powinien to sprawdzić u siebie dla pewności
Tu masz dowód że kod jest dobry
obrazek
Użytkownik Avenger edytował ten post 05 maj 2006, 17:49
Dziękuje, dziękuje, dziękuje :) ... Oto mi chodziło :) ! Dziękuje jeszcze raz :) !