Forum PHP.pl > Rozjeżdżająca się stronka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Lampek

7.01.2011, 01:53:46

Witam.
Otóż mam taki problem, robię stronkę na której korzystam z 960grida ale stronka poprawnie wyświetla się tylko u mnie a na innych kompa i rozdziałkach się rozjeżdża prosił bym o pomoc.
Tu adres stronki: Klik
Poniżej kod css i html.

Cytat

body{
background-image:url(../img/tlo2.jpg);
background-color:#000;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
float:none;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 940px;
text-align: center;
}

h1.logo{
background:url(../img/logo1.png) no-repeat;
margin-top: 200px;
float:none;
clear:both;

}

.menu9 {
width: 200px;
margin-top: 140px;
float:left;
clear:both;
}

.menu9 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

.menu9 li a:link, #menu9 li a:visited {
color: #FFF;
display: block;
background:url(../img/menu9.gif);
background-repeat:no-repeat;
padding: 8px 0 0 35px;
}

.menu9 li a:hover {
color: #FFF;
background:url(../img/menu9.gif) 0 -32px;
padding: 8px 0 0 35px;
background-repeat:no-repeat;
}

.TRESC {
width: 500px;
height: 500px;
margin-top: -140px;
margin-right: 220px;
float:right;
clear:both;

}

.NEWSY {
width: 700px;
height: 400px;
overflow: hidden;
background-image:url(../img/iframe.png);
}

Koda html

Cytat

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//PL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />

<head>

</head>

<body>

<div class="container_16">
<div class="grid_1">
<h1 class="logo"><p class="logo"></p>
</h1>
</div>

<div class="grid_2">
<div class="menu9">
<ul><li><a href="index.html" title="Strona glówna">Strona glówna</a></li>
<li><a href="o_nas.html" title="O Nas">O Nas </a></li>
<li><a href="galeria.html" title="Galeria">Galeria</a></li>
<li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
</ul>
</div>
</div>

<div class="grid_3">

<div class="TRESC">
<iframe class="NEWSY" scrolling="yes" src="onasiframe.html"></iframe>
</div>
</div>
</div>

</body>

</html>

sunpietro

7.01.2011, 08:16:32

a możesz podać linka do strony, by zobaczyć jak się rozjeżdża?

gigzorr

7.01.2011, 08:59:49

dla body po 1. daj:

[PHP] pobierz, plaintext 
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 1020px;
text-align: center;
[PHP] pobierz, plaintext

i zacznij uzywac floatowania i clearowania pod ie.

Lampek

7.01.2011, 09:55:44

Zastosowałem się do twoich poleceni i wygląda to już znacznie lepiej, tylko teraz loga w ogóle nie widać :/ Ps pod chromem działa już okej ale pod firefoxem i ie się rozjeżdża jeszcze. Ps zaktualizowałem w poście css`a możesz zobaczyć czy dobrze.

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.