 Problem z wyrównaniem tekstu w "div" a raczej z Operą |
  |
| Problem z wyrównaniem tekstu w "div" a raczej z Operą |
 22.09.2008, 13:22:25
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 44 Pomógł: 0 Dołączył: 12.09.2008 Ostrzeżenie: (0%) 
 |
Witam ponownie! Zrobiłem stronkę opartą na divach, wygląda ona tak:
 Kod tej stronki wygląda tak: Cytat <div id="wrapper">Górny pasek z tytułem strony</div> <div id="komorka1">Obrazek</div> <div id="komorka2">Treść w prawym divie</div> <div class = "stopka">treść stopki</div> I plik z definicjami stylów: Cytat #wrapper { width: 100%; background: transparent url(zrodlo_obrazka) repeat-x top left; height: 80px; clear: both; } #komorka1 { width: 20%; padding: 8px 8px 4px 10px; border: 0; float: left; } #komorka2 { width: 80%; padding: 8px 8px 4px 10px; border: 0; vertical-align: top; float: right; } .stopka { clear: both; width: 100%; } Problem w tym, że Internet Explorer wyświetla wszystko dobrze ale Opera niestety już nie. Dziwnym sposobem w tej drugiej przeglądarce treść w divie "komorka2" ma zbyt duży górny odstęp i zamiast zaczynać się od górnej krawędzi diva "komorka2" to zaczyna się miej więcej na wysokości dolnej podstawy zdjęcia z lewego diva "komorka1". Dodam, że dopóki nie umieściłem w divie "komorka1" obrazka to wszystko było dobrze zarówno w Operze jak i w IE. Moze ktoś pomoże? |
 |
 
|
|
22.09.2008, 13:26:41
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 180 Pomógł: 12 Dołączył: 30.04.2007 Ostrzeżenie: (0%)
|
wygląda to jakby zdjęcie było za szerokie do tego diva... a w większej rozdzielczości jak to jest?
-------------------- |
|
|
|
|
22.09.2008, 13:32:22
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 44 Pomógł: 0 Dołączył: 12.09.2008 Ostrzeżenie: (0%)
|
Zmniejszyłem drastycznie rozmiar obrazka i niestety dalej Opera wyświetla stronkę niewłaściwie...
|
|
|
|
|
22.09.2008, 13:34:12
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 180 Pomógł: 12 Dołączył: 30.04.2007 Ostrzeżenie: (0%)
|
a pokaż kod html. (cały).
Ten post edytował kazag 22.09.2008, 13:36:34 -------------------- |
|
|
|
|
22.09.2008, 14:01:21
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 44 Pomógł: 0 Dołączył: 12.09.2008 Ostrzeżenie: (0%)
|
Cytat <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" /> <meta name="author" content="Imie i Nazwisko" /> <meta name="keywords" content="słowakluczowe" /> <link rel="Stylesheet" type="text/css" href="style.css" /> </head> <body leftmargin="0" topmargin="0" bgcolor="#fafafa"> <div id="wrapper"> <img src="linkdoobrazka"></div> <div id="komorka1"><img src="linkdoobrazka" border="0" /></div> <div id="komorka2"> Treść w prawym divie zawierająca m.in. tabele i <p class> </div> <div class="stopka"> <p class="stopka">Treść stopki</p> </div> </body> </html> EDIT: Przed chwilą udało mi się rozwiązać problem. Otóż wystarczyło z definicji div "komorka1" i "komorka2" usunąć linię "padding: 8px 8px 4px 10px; ". Ten post edytował Teppic 23.09.2008, 12:32:24 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 29.06.2025 - 14:25 |
