Forum PHP.pl > [CSS]Złe wyświetlanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

kill15

11.01.2011, 23:35:24

Zacznę tak mam 1 komputer i 2 laptopy w domu. Laptopy mają taką sama rozdzielczość.
I na moim komputerze i 1 laptope pokazuje dobrze podczas gdy na 2 laptopie wszystko pokazuje strasznie duże.
O co może chodzić

Wszystko jest dobrze poza tym że na tym 1 laptopie źle moją stronke pokazuje a inne dobrze

Kod trochę chaotyczny i podzielony na 2 pliki

Kod

body{
background-image: url(../dwojga/tlo.jpg);
  background-position: top;
  border: 0px;
  margin: auto;
  padding: 0px;
  text-align: center;

}
#pasekgora{
background-image: url(/images/dwojga/pasekgora.jpg);
height: 48;
margin: auto;
  padding: 0px;
  font-family: Myriad Pro;
  font-size: 12;
color: #bbbeb8;
text-decoration: none;
}
#pasekgora a:hover{
font-family: Myriad Pro;
  font-size: 12;
text-decoration: none;
}
#pasekgora a:link{
font-family: Myriad Pro;
  font-size: 12;
text-decoration: none;
}
#pasekgora a:visited{
font-family: Myriad Pro;
  font-size: 12;
text-decoration: none;
}

#lewa{
background-image: url(/images/dwojga/lewa.jpg);
background-repeat: no-repeat;
width: 315px;
height: 882;
float: left;
margin: 0px;

}

#zarejestruj{
background-image: url(/images/dwojga/zarejestruj.jpg);
background-repeat: no-repeat;
width: 139;
height: 28;
float: right;
margin: auto;
margin-top: 29px;
}
#zarejestrujsie{
background-image: url(/images/dwojga/zarejestrujsie1.jpg);
background-repeat: no-repeat;
width: 208;
height: 94;
float: right;
margin: auto;
}
.tzarejestrujsie{
color: #9B395E;
  font-family: Myriad Pro;
  font-size: 12;
  font-weight: bold;
margin-top: 30px;
}
.tzarejestrujsie a:LINK{
color: #9B395E;
}
.tzarejestrujsie a:hover{
color: #9B395E;
}
.tzarejestrujsie a:visited {
color: #9B395E;
}
#iofert{
background-image: url(/images/dwojga/iofert.jpg);
height: 94;
float: right;
margin: auto;
margin-left: 5px;
margin-right: 10px;
font-size: 12px;
  font-family: Myriad Pro;
}
.tiofert{
margin-top: 45px
}
#statystyka{
background-image: url(/images/dwojga/statystyka.jpg);
background-repeat: no-repeat;
width: 235;
height: 94;
float: right;
margin: auto;
}
#menu{
background-image: url(/images/dwojga/menu.jpg);
width: 972;
height: 37;
float: left;
margin: auto;
}
.tmenu{
color: white;
  font-family: Myriad Pro;
  font-size: 15;
  font-weight: bold;
margin-top: 10px;
text-decoration: none;
}
.tmenu a:LINK{
color: white;
text-decoration: none;
margin: 4px;
}
.tmenu a:hover{
color: white;
text-decoration: none;
margin: 4px;
}
.tmenu a:visited {
color: white;
text-decoration: none;
margin: 4px;
}
input.button{
background: url(images/dwojga/buttonszukaj.jpg)
width: 70;
height: 25;
}

Kod

#logo{
background-image: url(/images/dwojga/kolumna/logo/dwojga.jpg);
width: 297;
height: 204;
float: left;
margin:auto;
margin-top: 20px;
}
#kolumnag{
width: 1287;
float: left;
margin:auto;
}
#logo2{
background-image: url(/images/dwojga/kolumna/logo/rodzina.jpg);
width: 142;
height: 204;
float: left;
margin:auto;
margin-top: 20px;
}
#logo3{
background-image: url(/images/dwojga/kolumna/logo/aktywni.jpg);
width: 147;
height: 204;
float: left;
margin:auto;
margin-top: 20px;
}
#logo4{
background-image: url(/images/dwojga/kolumna/logo/kobiet.jpg);
width: 147;
height: 204;
float: left;
margin:auto;
margin-top: 20px;
}
#logo5{
background-image: url(/images/dwojga/kolumna/logo/obokkobiet.jpg);
width: 11;
height: 204;
float: left;
margin:auto;
margin-top: 20px;
}
#szukanie{
background-image: url(/images/dwojga/kolumna/szukanie/szukanienapis.jpg);
width: 220;
height: 33;
float: right;
margin:auto;
margin-top: 20px;
}
#szukanie2{
background-image: url(/images/dwojga/kolumna/szukanie/szukaniezaw.jpg);
width: 221;
height: 170;
float: right;
margin:auto;
line-height: 0px;
}
.tszukanie2{
line-height: 5px;
}
#pasek{
background-image: url(/images/dwojga/kolumna/tekst/pasek.jpg);
width: 972;
height: 39;
float: left;
margin:auto;
margin-top: 20px;
}
#kolumna2{
background: url(/images/dwojga/kolumna/tekst/tlokolumna.jpg);
width:972;
float: left;

}
#kolumna{
width: 972;
float: left;
margin: auto;
padding: 0px;
overflow: auto;
}

#lewa2{
background-image: url(/images/dwojga/kolumna/tekst/lewa.jpg);
width: 316;
float: left;

}

PS: W szkole też pokazywało źle. O co może chodzić

emajl22

11.01.2011, 23:41:11

Brakuje "px" prawie wszędzie. Do takich rzeczy jak width, height, czy font-size trzeba używać px.

Raczej to jest przyczyną, bo kod wydaje się poprawy.

kill15

11.01.2011, 23:51:31

Niestety to nic nie dało

Damonsson

11.01.2011, 23:57:52

Wrzuć to na jakiś serwer...może to coś nie tak z Twoim sprzętem.

kill15

12.01.2011, 00:24:42

Ale to jest na serwie tylko że na kompie w szkole pokazało źle bratu na 1 laptopie źle.
Za to u mnie na pccie pokazuje dobre i na laptopie 2 też dobrze ;/

Adres strony : http://www.test2111.cba.pl/indexdw.php

ciekawskiii

12.01.2011, 00:25:03

To raczej jakies ustawienia w kompie/przegladarce

Damonsson

12.01.2011, 00:28:59

Tak jak mówiłem, u mnie wszystko ok.
To sprawa sprzętowa tamtego komputera.

kill15

12.01.2011, 00:31:53

Ale inne strony na tamtym laptopie działają dobrze

ciekawskiii

12.01.2011, 00:35:27

Sprawdz pliki w validatorze, moze masz jakis dziwny blad

emajl22

12.01.2011, 00:47:30

U mnie w przeglądarce także wszystko jest dobrze...

Podmień swój nagłówek w index.php na:

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[PHP] pobierz, plaintext

A to:

[PHP] pobierz, plaintext 
<link type="text/css" rel="Stylesheet" href="images/style/style.css" />
[PHP] pobierz, plaintext

zamień na:

[PHP] pobierz, plaintext 
<link rel="stylesheet" type="text/css" href="images/style/style.css" />
[PHP] pobierz, plaintext

I sprawdź... może coś pomoże, a jak nie to i tak warto to podmienić.

killll

12.01.2011, 00:48:10

Jako błędy pokazuje tylko spacje

Damonsson

12.01.2011, 00:48:23

Usuń ciasteczka, zainstaluj nową przeglądarkę.

Gdyby było coś z kodem to wszędzie by źle wyświetlało przecież.

Choć jest późno, mogę się mylić

markonix

12.01.2011, 01:08:18

Jeśli korzysta w FireFoxa to niech przyciśnie CTR + 0 (zero).

kill15

12.01.2011, 06:57:25

Ale i na IE i na FF tam jest źle ;> Tak jakby rozdzielczość była źle ustawiona a jest dobrze ustawiona.

CO do ctrl+0 próbowałem na początku.

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.