🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: pl.comp.www
Article #396168

Re: Pozycjonowanie CSS

#396168
From: Marcin Bogusz
Date: Thu, 26 Feb 2009 15:51
118 lines
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-mail
References: <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