Skocz do zawartości

Pozycjonowanie w CSS


Walassss

Recommended Posts

Witam wszystkich ;)

Wypozycjonowałem stronę w CSS i na Operze oraz Mozilli jest wszystko ok, a na IE strona jest po lewej i jest mała przerwa przez co strona spada o jeden pixel w dół.

(możecie to zobaczyć po tabelkach.)

CSS

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000000;
	margin: 6mm;
}

img {
border:none;
}

#up {
	vertical-align:middle;
  	width:800px;
	margin:auto;
    	padding:0px;
}

#IE {
	margin:0px;
	padding:0px;
}


#flagi {
	width:120px;
	height:40px;
	float:right;

	}

#news {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	}


#index-01 {
	width:800px;
	height:163px;
	float:none;
	background-image:url('http://polski-design.eu/images/index_01.png');

	}

#index-02 {
	width:36px;
	height:557px;
	float:left;
	background-image:url('http://polski-design.eu/images/index_02.png');
	}

#index-03 {
	width:67px;
	height:63px;
	float:left;
	background-image:url('http://polski-design.eu/images/index_03.png');
}	

#index-04 {
	width:159px;
	height:63px;
	float:left;
}

#nl_04 {
	width:159px;
	height:63px;
	float:left;
}

#pl_04 {
	width:159px;
	height:63px;
	float:left;
}

#nl_05 {
	width:154px;
	height:63px;
	float:left;
}	

#index-05 {
	width:154px;
	height:63px;
	float:left;
}


#pl_05 {
	width:154px;
	height:63px;
	float:left;
}

#index-06 {
	width:185px;
	height:63px;
	float:left;
}

#nl_06 {
	width:185px;
	height:63px;
	float:left;
}


#pl_06 {
	width:185px;
	height:63px;
	float:left;
}


#index-07 {
	width:169px;
	height:63px;
	float:left;
}

#nl_07 {
	width:169px;
	height:63px;
	float:left;
}
#pl_07 {
	width:169px;
	height:63px;
	float:left;
}
#index-08 {
	width:30px;
	height:557px;
	float:right;
	background-image:url('http://polski-design.eu/images/index_08.png');	
}

#index-09 {
	width:734px;
	height:404px;
	float:right;
	background-image:url('http://polski-design.eu/images/index_09.png');
}

#index-10 {
	width:734px;
	height:43px;
	float:left;
	background-image:url('http://polski-design.eu/images/index_10.png');
}

#index-11 {
	float:left;
	width:241px;
	height:47px;
}

#index-12 {
	float:left;
	width:214px;
	height:47px;
}

#index-13 {
	float:left;
	width:279px;
	height:47px;

}

#britain_mini {
	float:right;
	vertical-align:20%;
	width:40px;
	height:40px
}

#netherlands_mini {
	float:right;
	vertical-align:top;
	width:40px;
	height:40px
}

#poland_mini {
	float:right;
	vertical-align:top;
	width:40px;
	height:40px
}

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...