05-01-2011, 16:19
Dobra robilem to bez zbednych divow od nowa na czysto i jednak jesli sie to nie wsadzi w osobny div to nie dziala tak jak ma dzialac ;] obrazki przedstawiaja ocb
![[Obrazek: 93876694384069428926.gif]](http://iv.pl/images/93876694384069428926.gif)
![[Obrazek: 92997600305075670798.gif]](http://iv.pl/images/92997600305075670798.gif)
Jak widac potrzebny byl dodatkowy div a czy da sie zrobic bez niego?
I mam jeszxcze jedno pytanie. skoro ten div "lewa" bede powtarzal to chyba zamiast definiowac go jako ID powinienem jako CLASS czy sie myle?
![[Obrazek: 93876694384069428926.gif]](http://iv.pl/images/93876694384069428926.gif)
Cytat:<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<style type="text/css">
#kontener {
margin: auto;
width: 800px;
border: 1px solid #F00;
overflow: hidden;
}
#lewa {
float: left;
width: 598px;
border: 1px dotted #060;
}
#prawa {
float: right;
width: 198px;
border: 1px dashed #F0F;
}
</style>
</head>
<body>
<div id="kontener">
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="prawa">Tu znajdzie się zawartość id "prawa"</div>
</div>
</body>
</html>
![[Obrazek: 92997600305075670798.gif]](http://iv.pl/images/92997600305075670798.gif)
Cytat:<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<style type="text/css">
#kontener {
margin: auto;
width: 800px;
border: 1px solid #F00;
overflow: hidden;
}
#opakowanie {
float:left;
width:600px;
}
#lewa {
float: left;
width: 598px;
border: 1px dotted #060;
}
#prawa {
float: right;
width: 198px;
border: 1px dashed #F0F;
}
</style>
</head>
<body>
<div id="kontener">
<div id="opakowanie">
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
<div id="lewa">Tu znajdzie się zawartość id "lewa"</div>
</div>
<div id="prawa">Tu znajdzie się zawartość id "prawa"</div>
</div>
</body>
</html>
Jak widac potrzebny byl dodatkowy div a czy da sie zrobic bez niego?
I mam jeszxcze jedno pytanie. skoro ten div "lewa" bede powtarzal to chyba zamiast definiowac go jako ID powinienem jako CLASS czy sie myle?