Article View: pl.comp.www
Article #396168Re: Pozycjonowanie CSS
From: Marcin Bogusz
Date: Thu, 26 Feb 2009 15:51
Date: Thu, 26 Feb 2009 15:51
118 lines
2895 bytes
2895 bytes
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;
}
Technical Details
Message-ID:
<go6dpk$pro$1@news.onet.pl>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!newsfeed.gazeta.pl!news.onet.pl!not-for-mailReferences:
<c769b533-c6ff-437a-a811-ad3f1e3e5501@g38g2000yqd.googlegroups.com> <go5n85$kcb$1@news.onet.pl> <go5nbt$kcb$2@news.onet.pl>Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!newsfeed.gazeta.pl!news.onet.pl!not-for-mail From: Marcin Bogusz <marcinbogusz@boo.pl> Newsgroups: pl.comp.www Subject: Re: Pozycjonowanie CSS Date: Thu, 26 Feb 2009 16:51:13 +0100 Organization: http://onet.pl Lines: 118 Message-ID: <go6dpk$pro$1@news.onet.pl> References: <c769b533-c6ff-437a-a811-ad3f1e3e5501@g38g2000yqd.googlegroups.com> <go5n85$kcb$1@news.onet.pl> <go5nbt$kcb$2@news.onet.pl> NNTP-Posting-Host: cer7.neoplus.adsl.tpnet.pl Mime-Version: 1.0 X-Trace: news.onet.pl 1235663476 26488 83.30.193.7 (26 Feb 2009 15:51:16 GMT) X-Complaints-To: abuse@onet.pl NNTP-Posting-Date: Thu, 26 Feb 2009 15:51:16 +0000 (UTC) User-Agent: Thunderbird 2.0.0.14 (Windows/20080421) In-Reply-To: <go5nbt$kcb$2@news.onet.pl> Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 7bit