Forum PHP.pl > Czemu się rozjeżdza?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Kas

5.02.2006, 19:00:51

Mam taki kod

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" title="main" media="screen, projection" href="Kopia screen.css" />
<center><br><br>
<div id="aukcja">
<div id="opis">
<div id="baner">
<img src="new/header.png"><img src="new/menu.png"></div>
<div id="dane">      
 
<div align="left"><img src="new/kontakt.png"><div class="tekst">
<b>Gadu-Gadu</b><br>
<a href="gg:1072848">1072848</a><br>
<br>
<b>Poczta</b><br>
<a href="mailto:onekiss@op.pl">onekiss@op.pl</a><br>
</div>
</div>
 
<div align="left"><img src="new/konto.png"><div class="tekst">
<center><a href="http://www.mbank.com.pl"><img src="http://www.onekiss.ovh.org/szablon/mbank.png"></a></center>
<br>
Posiadam konto w <b>mBanku</b>.
Jego numer wysyłam Kupującemu zaraz po wygranej.
</div>
</div>
 
</div>
<div id="content"><img src="new/opis.png"><div class="tekst">
test<br>
 test<br>
test<br> 
test<br>
 test<br>
test<br> 
test<br>
 
</div>
<div id="cleardiv"></div>
 
</div>
</div>
<img src="new/down.png"><br><br>
<font color="#ffffff">Š 2006 by Onekiss & Webtemplate</font><br>
<br>
</center>
[HTML] pobierz, plaintext

Wiem, że bez nagłówka i niezgodny ze standardami.
A to css...

Kod

body {
margin: 0;
padding: 0;
font-size: 8pt;
font-family: Verdana;
color: #000;
background-color: #4E6364;
text-align: center;
}

img {
border: 0;
}

#aukcja {
background-color: #4E6364;
float: center;
text-align: center;
}

#opis {
background-color: #FFFFFF;
}

div#aukcja {
float: center;
width: 717px;
}

a {
color: green;
text-decoration: underline;
}

a:hover {
color: green;
text-decoration: none;
}

div#banner {
color: #ffffff;
background-color: #FFFFFF;
border-bottom: 7px solid #6F7AA1;
}

div#dane {
float: left;
width: 226px;
padding-top: 0px;
padding-left: 5px;
}

div#content {
margin-left: 241px;
margin-right: 5px;
}

div#baner {
margin-bottom: 10px;
}

div.tekst {
border: 1px solid #CECECE;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
}

div#konto {
margin-bottom: 0px;
}

div#opis {
margin-bottom: 0px;
}

div.content {
line-height: 150%;
}

#cleardiv {
clear: both;
height: 10px;
}

W FF i Operze całość wygląda dobrze. Jednak w IE z nieznanych przyczyn właściwa czesć stron ("test<br>[...]") ląduje przesunięta w dół. Czemu tak może się dziać?

Fipaj

5.02.2006, 19:22:32

Cytat

Mam taki kod

To go wyrzuć. Im szybciej, tym lepiej ;]
Używasz CSS. OK. Ale w takim razie, co w tym kodzie robią tagi <center> i <font>?
To jest bez sensu!
#cleardiv... fuj...

[HTML] pobierz, plaintext 
test<br>
test<br>
test<br>
test<br>
test<br>
[HTML] pobierz, plaintext

Jeśli to nie jest 'lorem ipsum', to chyba lepiej by było użyć <ul>?

Cytat

Wiem, że bez nagłówka i niezgodny ze standardami.

I nie działa? Weź ty to przepisz i nie narzekaj ;]

Dlaczego nie działa?
Prawdopodobnie div z treścią strony się po prostu nie zmieścił (każdy browser inaczej radzi sobie z wartościami).

Kas

5.02.2006, 19:28:16

O <center> to mnie lepiej nie pytaj.

W żaden inny sposób nie byłem w stanie wycentrować. Co ciekawe w IE

Kod

body {
[...]
text-align: center;
}

działa jak trzeba. W FF nie.

----- EDIT -----

Cytat

Jeśli to nie jest 'lorem ipsum', to chyba lepiej by było użyć <ul>?

Jasne, że to lorem ipsum.

Fipaj

5.02.2006, 19:30:13

http://www.simplebits.com/notebook/2004/09/08/centering.html

Kas

5.02.2006, 19:36:21

Cytat

text-align: center;

To czemu mi nie działało?

Cytat

Dlaczego nie działa?
Prawdopodobnie div z treścią strony się po prostu nie zmieścił (każdy browser inaczej radzi sobie z wartościami).

Miałeś rację. Okazuje się, że obrazek o szerokości 417 px. w IE się nie mieści (ma więcej?).

Fipaj

5.02.2006, 19:37:58

Nie, nie ma więcej ;]
Poczytaj o box model hack.

Czemu nie działało centrowanie?
Spójrz na sam dół podanego przeze mnie linka.

Edit:
Może Opera inaczej traktuje jednostki? Spróbuj ustawić wielkości procentowe, em'owe, itd.

Poszukaj też w sieci informacji na ten temat

Kas

5.02.2006, 19:45:13

Cytat

Nie, nie ma więcej ;]

Wiem.

Chociaż po IE można sie nawet tego spodziewać.

Cytat

Czemu nie działało centrowanie?
Spójrz na sam dół podanego przeze mnie linka.

Pierwszy raz nie zadziałalo mi centrowanie w ten sposób. Może coś źle miałem.

Mam jeszcz jedno pytanie. Czemu w IE i Operze <div> o teretycznie tej samej szerokości ma jednak inną niż drugi? Co może być powodem?

gekon

7.02.2006, 19:16:08

Zależy która wersja IE i jeżeli 6 to czy ustawiasz ją w Standards Mode. IE 6 (starsze wersje też) w Quirks Mode, nie radzi sobie dobrze z odległościami.

Kas

7.02.2006, 19:26:08

Ta strona ma być szablonem na moją aukcję. Z tego co wiem, tryby można ustawiać wyłącznie w xhtml. Tymczasem Allegro jest zgodne jesynie z html 4.01.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
[HTML] pobierz, plaintext

Co za średniowiecze.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.