x-kom hosting

DIV i padding-left

Grafer
utworzono
utworzono

Witam!
Robię strone w divach. moj aktualny .css wygląda tak

[code]html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #1a1323;
color: #fff;
margin: 0;
padding: 0;
}

#top {
width: 1000px;
}

#NAGLOWEK {
background-image:url('images/future_01.png');
height: 214px;
}

#MENU {
width: 369px;
float: right;
overflow: hidden;
background-image:url('images/future_03.png');
height: 388px;
}

#TYTUL {
width: 631px;
float: left;
overflow: hidden;
background-image:url('images/future_02.png');
height: 42px;
}

#TRESC {
width: 631px;
float: left;
overflow: hidden;
background-image:url('images/future_04.png');
height: 152px;
}

#PODTRESC {
width: 631px;
float: left;
overflow: hidden;
background-image:url('images/future_05.png');
height: 194px;
}

#STOPKA {
clear: both;
width: 1000px;
background-image:url('images/future_06.png');
height: 263px;
}[/code]

a index.php tak

[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Future Design - Your Choice</title>
<link href="_styleshet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
<div id="NAGLOWEK"></div>
<div id="MENU">tekst</div>
<div id="TYTUL">Witajcie na Future Design!</div>
<div id="TRESC"></div>
<div id="PODTRESC"></div>
<div id="STOPKA"></div>
</div>
</body>
</html>
[/code]

ale gdy chcę do div'a w .css dodać padding-left aby ułożyc tekst strona się rozjeżdża. tło w danym divie robi się szersze. jak to naprawić?

darexD
komentarz
komentarz

Teraz to ja będę złośliwcem od kodu  :evil:

Po pierwsze to [b]nie[/b]:

[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
[/code]

tylko

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
[/code]

+

[code]
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta http-equiv="content-language" content="pl" />
[/code]

Zobacz stronę jak poprawisz to co dałem i daj adres jak masz na serwie już  :)

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.