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
- anioly24.xlx.pl
telcocafe
Na początek może link do strony: http://www.bmatrix.e...et.pl/przyklad/ .Jak widać strona się rozwala i nie wiem czym to jest spowodowane. Prawidłowo to powinien być DIV z taką "pogryzioną" ramką. Tutaj elementy ramki: http://www.bmatrix.e...rzyklad/images/ (ramka jest biała, a tło przezroczyste, dlatego aby było ją widać radzę zapisać na dysk i otworzyć np. w Paincie gdzie wyraźnie widać wygląd ramki).
Pod IE strona się rozwala, pod Operą w ogólę tak jakby nie było elementów ramki. Wstawię jeszcze kod css:
A:link , A:active , A:visited { color: #000000; font-family: Arial; text-decoration: none; } A:hover {color: #696F6D; font-family: Arial; text-decoration: none; } BODY {margin: 0px; padding: 0; background: #000000; text-align: center; color: #000000; } div#all {width: 650px; margin-left: auto; margin-right: auto; font-family: Arial; font-size: 11px; margin-top: 50px; } div#top { width: 100%; height: 104px; ) no-repeat; margin-bottom: 10px; } div#main { width: 650px; font-family: Arial; font-size: 11px; margin-bottom: 6px; text-align: center; } .main_top { background: url(images/up.gif); } .main_cont { width: 620px; background-color: #FFFFFF; padding-top: 6px; padding-bottom: 6px; float: left; margin-left: auto; margin-right: auto; } .main_middle { width: 650px; } .main_bot { background: url(images/down.gif); } .main_left { background: url(images/left.gif); float: left;} .main_right { background: url(images/right.gif); float: right; } .main_top , .main_bot { clear: both; height: 15px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; } .main_left , main_right { clear: both; width: 15px; height: 100%; background-repeat: repeat-y; background-position: 0 0; overflow: hidden; } div#menu { width: 504px; clear: both; margin-bottom: 10px; margin-left: auto; margin-right: auto; border-top: 1px dashed #284E42; border-bottom: 1px dashed #284E42; } .menu_bl { width: 100px; float: left; border-right: 1px dashed #586848; font-weight: bold; } .menu_bl_last { width: 100px; float: left; font-weight: bold; } div#bottom { width: 300px; text-align: right; float: right; margin-right: 4px; color: #C0D5CF; } #text { width: 550px; border: 0px; text-align: justify; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .naglowek { font-size: 13px; font-weight: bold; } .title { font-size: 12px; font-weight: bold; } .date { font-size: 10px; color: #284E42; } hr { height: 1px; border: 0px; border-top: 1px dashed #284E42; }
Kod dot. DIV'a z ramką to od "div#main" do "main_left,main_right".
Użytkownik bmatrix edytował ten post 26 listopad 2006, 18:07
Ok, problem był w tym że zapomniałem tam dopisać jednej kropki i dlatego nie wyświetlało jednego div'a. Teraz jednak jest inny problem. W height dla lewej i prawej części ramki wpisałem 100%, a mimo to pod IE nie jest to te 100%, a pod Operą w ogólę tak jakby nie było tych obramowań. Kiedy wpiszę tam wartość w pixelach pod IE wszystko wygląda tak jak powinno wyglądać, tymczasem pod Operą prawy div (prawa część obramowania) nie jest na swoim miejscu tylko schodzi w dół mimo że nie wstawiałem tam żadnych elementów typu padding i border co wyjaśniałoby sytuację. Tak to wygląda: http://www.bmatrix.e...t.pl/przyklad1/
http://www.bmatrix.e...klad1/style.css - plik styli.
Za te graficzne obramowanie odpowiada w pliku css "main_left" i "main_right".
Użytkownik bmatrix edytował ten post 26 listopad 2006, 20:09