1:
HTML:
Tutaj ustawialem marginesami.
CSS:
Cytat
* {
margin:0;
padding:0;
border:0;
}
body {
background-color:black;
}
#calosc{
margin:0 auto;
height:100%;
width:800px;
}
#top{
border: 1px solid black;
height: 100px;
width: 800px;
margin-top:15px;
background-color:white;
}
#menu{
background-color:white;
border: 1px solid black;
height: 50px;
width: 800px;
margin-top: 10px;
}
#menu_lewe{
background-color:white;
border: 1px solid black;
height: 400px;
width: 200px;
float:left;
margin-bottom:10px;
margin-top:10px;
}
#menu_srodek{
background-color:white;
border: 1px solid black;
height: 400px;
width: 350px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
margin-bottom:10px;
}
#menu_prawe{
background-color:white;
border: 1px solid black;
height: 400px;
width:200px;
float:right;
margin-bottom:10px;
margin-top:10px;
}
#stopka{
background-color:white;
border: 1px solid black;
height: 25px;
width: 800px;
}
margin:0;
padding:0;
border:0;
}
body {
background-color:black;
}
#calosc{
margin:0 auto;
height:100%;
width:800px;
}
#top{
border: 1px solid black;
height: 100px;
width: 800px;
margin-top:15px;
background-color:white;
}
#menu{
background-color:white;
border: 1px solid black;
height: 50px;
width: 800px;
margin-top: 10px;
}
#menu_lewe{
background-color:white;
border: 1px solid black;
height: 400px;
width: 200px;
float:left;
margin-bottom:10px;
margin-top:10px;
}
#menu_srodek{
background-color:white;
border: 1px solid black;
height: 400px;
width: 350px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
margin-bottom:10px;
}
#menu_prawe{
background-color:white;
border: 1px solid black;
height: 400px;
width:200px;
float:right;
margin-bottom:10px;
margin-top:10px;
}
#stopka{
background-color:white;
border: 1px solid black;
height: 25px;
width: 800px;
}
2.
Tutaj niema tylko menu pod top, zastosowałem tutaj position.
HTML:
CSS:
Cytat
body {
font-size: 12px;
background-color: gray;
margin: 0 auto;
padding: 0px;
}
#kontener {
margin: 0px auto;
padding: 0px;
width: 1165px;
}
#top {
padding: 0px;
margin: 0 auto;
background-color: white;
width: 1165px;height: 150px;
}
#panel_lewy {
position: absolute; left: 50px; top: 185px;
margin: 0px;
background-color: white;
width: 210px;height: 700px;
padding: 3px;
}
#panel_prawy {
position: absolute; right: 50px; top: 185px;
margin: 0px;
background-color: white;
width: 210px;height: 700px;
padding: 3px;
}
#panel_srodkowy {
position: absolute; top: 190px; left: 277px;
margin: 0px;
background-color: white;
width: 705px;height: 700px;
padding: 3px;
}
#stopka {
position: absolute; top: 902px; left: 50px;
margin: 0px;
background-color: white;
width: 1161px; height: 26px;
padding: 2px;
}
font-size: 12px;
background-color: gray;
margin: 0 auto;
padding: 0px;
}
#kontener {
margin: 0px auto;
padding: 0px;
width: 1165px;
}
#top {
padding: 0px;
margin: 0 auto;
background-color: white;
width: 1165px;height: 150px;
}
#panel_lewy {
position: absolute; left: 50px; top: 185px;
margin: 0px;
background-color: white;
width: 210px;height: 700px;
padding: 3px;
}
#panel_prawy {
position: absolute; right: 50px; top: 185px;
margin: 0px;
background-color: white;
width: 210px;height: 700px;
padding: 3px;
}
#panel_srodkowy {
position: absolute; top: 190px; left: 277px;
margin: 0px;
background-color: white;
width: 705px;height: 700px;
padding: 3px;
}
#stopka {
position: absolute; top: 902px; left: 50px;
margin: 0px;
background-color: white;
width: 1161px; height: 26px;
padding: 2px;
}
Oba testowałem pod firefox 4 (linux).
Pytanie to który ze sposobów jest poprawny 1? Bo 2 nie wydaje mi się zbyt dobrym posunięciem dzieki za odp
