Marcin Bogusz wrote:
> Marcin Bogusz wrote:
>> mwalicki wrote:
>>> Witam
>>>
>>> Jest sobie strona:
>>> http://zaborze.org
>>> i styl CSS:
>>> http://zaborze.org/styl.css
>>> I teraz mam kilka pytan:
>>>
>>> 1) Jak wyposrodkowac calosc?
>>
>> najlatwiej wsadzic calosc w <center>
>> style: body {margin: auto; } ale to nie dziala w ktorejs przegladarce
>> - nie pamietam w ktorej
>>
>>> 2) Naglowek i stopka maja 96%, kolumny w sumie tez. A nie wyswietlaja
>>> sie rowno. Dlaczego?
>>
>> obramowanie border - w IE jako czesc diva, w FF jest poza nim - sa z
>> nim klopoty ;)
>>
>>> 3) Jak zrobic odstep miedzy kolumnami (z bokow kolumn)?
>>
>> .lewa {margin-right: 3px;}
>> .prawa {margin-left: 3px;}
>>
>> lub
>>
>> .main {margin-right: 3px; margin-left: 3px;}
>>
>>
>>> 4) Jak zrobic odstep miedzy kolumnami a stopka?
>>
>> .main {margin-bottom: 3px}
>
> inaczej:
>
> lewa {margin-bottom: 3px;}
> prawa {margin-bottom: 3px;}
>
>>
>>
>> polecam http://webmaster.helion.pl/kurshtml/style/style.htm
>>
>>>
>>> Pozdrawiam
>> wzajemnie :)

CSS:

* {
font-family: serif;
font-size: 9pt;
padding: 0px;
}

body {
padding: 0px;
margin-top: 10px;
}

.naglowek
{
border: 1px solid;
text-align: center;
margin-bottom: 10px;
clear: both;
width: 96%;
margin-left: 2%;
}
.lewa
{
border-width: 1px 1px 1px 1px ;
border-style: solid;
float: left;
width: 20%;
display: inline;
position: relative;
margin-bottom: 10px;
margin-left: 2%;
}
.main
{
margin-left: 2%;
margin-right: 2%;
border-width: 1px 1px 1px 1px ;
border-style: solid;
float: left;
width: 51.7%;
display: inline;
position: relative;
}
.prawa
{
border-width: 1px 1px 1px 1px ;
border-style: solid;
float: left;
width: 20%;
display: inline;
margin-bottom: 10px;
}
.stopka
{
clear: both;
border: 1px solid;
padding: 0px;
text-align: center;
width: 96%;
margin-left: 2%;
}

p
{
text-align: justify;
padding: 10px 20px 10px 20px;
}