Moja strona wygląda zupełnie inaczej w IE, FF I Operze, Pomocy Opcje

[akurczyk]

Moja strona wygląda inaczej w każdej przeglądarce.
Wiem że to normalne, ale strona prawidłowo wygląda tylko w FF.

Adres: http://kklodzka.pdg.pl/

IE:
1. Niebieskie obramowanie obrazów!
W stylach jest zdefiniowany kolor pomarańczowy.
2. Rozjeżdżanie napisów w bocznym panelu (tylko H2)!
Można minimalnie zamiejscowy rozmiar H2 ale ten rozmiar nie jest zdefiniowany w stylach.
Więc jaki to rozmiar?

FF Wszystko OK!

Opera:
1. Brak obramowania obrazów!
W stylach jest zdefiniowane obramowanie!

Proszę o pomoc!

Ten post edytował akurczyk 1.08.2008, 10:44:39

[Gordon1x]

1. Obramowanie obrazków

W pliku style.css wpisz i zobacz czy działa:

[HTML] pobierz, plaintext 
img {
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
 
// zamiast #000000 wpisz swój kolor
[HTML] pobierz, plaintext 

Lub zastosuj drugi sposób (trochę dziwny może, ale za to działa).

[HTML] pobierz, plaintext 
.img_obramowanie {
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
 
// zamiast #000000 wpisz swój kolor
[HTML] pobierz, plaintext 

A w znaczniku img wpisz:

[HTML] pobierz, plaintext 
<img src="adres/obrazka.jpg" border="0" class="img_obramowanie">
[HTML] pobierz, plaintext 

P.S.
Napisz czy zadziałało.

[zuvik]

Jeżeli chodzi o H2 to musisz w stylach zdefiniować jego rozmiar.

[JoShiMa]

Zamiast:

[HTML] pobierz, plaintext 
img {
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;
}
[HTML] pobierz, plaintext 

Wystarczy:

[HTML] pobierz, plaintext 
img {
border:solid 1px #000000;
}
[HTML] pobierz, plaintext 

Co za kaszanka:

[HTML] pobierz, plaintext 
<img src="adres/obrazka.jpg" border="0" class="img_obramowanie">
[HTML] pobierz, plaintext 

Po co używać atrybutu border w znaczniki img skoro używa się klas? Nie ucz ludzi tak kodować.

[Gordon1x]

Co za kaszanka:

[HTML] pobierz, plaintext 
<img src="adres/obrazka.jpg" border="0" class="img_obramowanie">
[HTML] pobierz, plaintext 

Po co używać atrybutu border w znaczniki img skoro używa się klas? Nie ucz ludzi tak kodować.

Tak masz rację to nie jest porawne rozwiązanie.
----------------------------------------

[HTML] pobierz, plaintext 
img {
border:solid 1px #000000;
}
[HTML] pobierz, plaintext 

Kiedyś się spotkałem, że w jakiejś przeglądarce (nie pamiętam nazwy i wersji) to nie działało, ale ten kod już działał:

[HTML] pobierz, plaintext 
border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
[HTML] pobierz, plaintext 

Dlatego wydaje mi się, że to rozwiązanie jest pewniejsze.
Proszę tylko pamiętać ,że to jest moje zdanie.

Ten post edytował Gordon1x 1.08.2008, 13:00:28

[wojckr]

Widać, że Twoja strona jest jeszcze niewielka. Przygotuj się na więcej takich przypadków.

Jeśli twoje obrazki są linkami to jest też inne rozwiązanie:

[HTML] pobierz, plaintext 
<a href="b.jpg" class="link_obrazek"><img src="bmin.jpg" alt="b" /></a>
[HTML] pobierz, plaintext 

i w stylach:

[HTML] pobierz, plaintext 
a.link_obrazek img {border:2px solid orange;}
[HTML] pobierz, plaintext 

Albo zwięźlej:

[HTML] pobierz, plaintext 
<div class="obrazki">
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt="" /></a>
<a href=""><img src="" alt=""/></a>
</div>
[HTML] pobierz, plaintext 

i w stylach:

[HTML] pobierz, plaintext 
div.obrazki a img {border:...;}
[HTML] pobierz, plaintext 

Ten post edytował wojckr 1.08.2008, 13:11:54

[akurczyk]

ok
a co do h2 to jaki on ma standardowo rozmiar żebym mógł dać mniejszy?

[paziek]

Nie ma żadnego standardu, który definiowałby rozmiar czcionki dla nagłówków.
Popróbuj kilka i zostaw taki, który najlepiej pasuje dla strony.

[akurczyk]

ale w stylach rozmiar h2 ani h1 nie jest zdefiniowany, co powinienem tam wpisać?

[paziek]

nie wiem..
h1 {
font-size: 21px;
}
h2 {
font-size: 16px;
}
może? Pozmieniaj sobie te wartości aby odpowiednio dopasować do strony. Możesz też popróbować z margin: oraz padding:, bo kto wie, czy tu też przeglądarki nie używają/zaczną_używać różnych wartości.

[JoShiMa]

Nie ma żadnego standardu, który definiowałby rozmiar czcionki dla nagłówków.
Popróbuj kilka i zostaw taki, który najlepiej pasuje dla strony.

Nie zupełnie. Każda przeglądarka ma domyślny rozmiar dla elementów <hx>.

ale w stylach rozmiar h2 ani h1 nie jest zdefiniowany, co powinienem tam wpisać?

To co Ci będzie pasować do wyglądu strony.

[.radex]

Jeśli coś z niewiadomych przyczyn nie chce działać, można spróbować dodać !important na końcu, np. zamiast

img {
border:solid 1px #000000;
}

to:

img {
border:solid 1px #000000 !important;
}

Różne style mogą ze sobą kolidować, ale !important często pomaga. Natomiast należy pamiętać, że jeśli wszystko jest !important, to nic nie jest !important