Skocz do zawartości


Zdjęcie

[css] dzielenie pojemnika na podobszary


  • Zaloguj się, aby dodać odpowiedź
1 odpowiedź w tym temacie

#1 pati12

pati12

    Nowy

  • 1 postów

Napisano 09 03 2008 - 17:00

witam uczę się teraz html ze strony pana Włodzimerza Gajdy i doszłem do takiego artykułu http://www.gajdaw.pl/html/uklad-witryny-gwz/p3.html na poprzedniej stronie robie ten pojemnik cały to daje rade ale jak na tej stronie musze podzielić pojemnik na podobszary to mi nic nie wychodzi...męczę sie męczę i nic:/ to jest plik strony

<!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">
<LINK rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="strona">
<div id="naglowek"></div>
<div id="kolumnaLewa"></div>
<div id="kolumnaPrawa"></div>
<div id="stopka"></div>
</div>
</body>
</html>

a to style

div {
margin : 0px;
border : none;
padding : 0px;
}

#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 758px;
height : 700px;
}
#naglowek {
margin : 0px;
border : none;
padding : 0px;
width : 758px;
}
#kolumnaLewa {
margin : 0px;
border : none;
padding : 0px;
width : 180px;
clear : both;
float : left;
}

#kolumnaPrawa {
margin : 0px;
border : none;
border-top : 1px solid black;
border-left : 1px solid black;
border-bottom : 1px solid black;
padding : 0px;
width : 575px;
clear : none;
float : right;
}

#stopka {
margin : 0px;
margin-left : 0px;
text-align : right;
border : none;
padding : 7px 0px 7px 0px;
width : 758px;
}

bardzo proszę o pomoc, gdzie robie błąd albo napisanie mi takiego poprawnej struktury tego podziału

  • 0

#2 Kai

Kai

    Stały użytkownik

  • 237 postów

Napisano 03 05 2008 - 16:35

Zamiast:
#stopka {
margin : 0px;
margin-left : 0px;
text-align : right;
border : none;
padding : 7px 0px 7px 0px;
width : 758px;
}
Musi być:
#stopka {
margin : 0px;
text-align : center;
border : none;
padding : 7px 0px 7px 0px;
width : 758px;
clear : both;
}
Zapomniałaś o clear z atrybutem both przesuwający element poniżej wszystkich poprzedzających elementów (w następną linię).

  • 0

Zobacz więcej tematów z tagiem: CSS



Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych