masel 
Dołączył/a: 18 Maj 2008
Posty: 2
|
 
Wysłany:
2008-05-18, 18:44 [html / css] problem ze stopką
|
|
|
Zaczynajac powiem ze niemam polskich znakow...(mieszkam za granica i nie mam pl klawiatury)
Robie szablon niby wszystko jest ok ale na dole koniec szablonu mi sie nie ciagnie od lewej do prawej strony a ma sie ciagnac na 100% szerokosci...
oto moj kod html:
Kod <?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta name="Author" content="SADDAM92" />
<link rel="stylesheet" href="http://awatary.info/style/style.css" type="text/css" media="all" />
<title>dodatki na bloga,avatary,szablony,zegarki,kalendarze,muzyka</title>
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="navcontainer">
<font face="Tahoma" style="font-size: 8pt">
<img src="http://awatary.info/img/menu/1.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/2.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/3.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/4.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
</font>
</div>
<div id="srodek"><font face="Tahoma" style="font-size: 8pt" color="#212121">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac, luctus sit amet, nonummy sit amet, velit. In posuere. Aenean molestie purus vel massa. Vestibulum risus tellus, tempus ac, consequat et, mattis in, lectus. Vivamus malesuada hendrerit ipsum. Nam at dui eu lectus sollicitudin elementum. Nam egestas pede gravida diam. Ut sagittis dolor in tortor. Mauris euismod dictum massa. Nulla facilisi. Mauris magna.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce nec velit id lacus pharetra interdum. In massa tellus, ultrices ac,
</font>
</div>
<div id="prawo">
<font face="Tahoma" style="font-size: 8pt">
<font face="Tahoma" style="font-size: 8pt">
<img src="http://awatary.info/img/menu/1.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/2.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/3.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</div>
<img src="http://awatary.info/img/menu/4.jpg" alt="" width="167" height="34" />
<div style="margin-left: 13px">
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
<a href="#" alt="link">LINKI1</a><br/>
</font>
</div>
</div>
<div id="stopkapas">
<div id="stopka"></div>
</div></div>
</body>
</html>
a to css:
Kod body { background:url(http://awatary.info/img/bgtop.jpg) 0 0 repeat-x #ffffff;
margin: 0;
padding: 0;
width:100%;
text-align:center;
}
div {
position:relative;
}
#container {
margin: 0 auto;
padding: 0 0;
position: relative;
width: 1000px;
background: url(http://awatary.info/img/pasek.jpg) repeat-y;
text-align: left;
}
#navcontainer {
width:160px;
float:left;
background-color: transparent;
left:57px;
}
#prawo {
width:160px;
float:right;
left:-50px;
text-align:left;
}
#srodek {
width: 493px;
float: left;
left:100px
}
#stopkapas{
background:url(http://awatary.info/img/bgkoniec.jpg) repeat-x;
width:100%;
clear:both;
height:51px;
}
#stopka{
width:100%;
height: 51px;
margin:0 auto;
}
#header {
background: #ffffff url(http://awatary.info/img/top.jpg) no-repeat;
width: 1000px;
height: 150px;
}
#srodek {
width: 493px;
float: left;
Jesli mi ktos moze pomoc to...
|
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
powstawiałam różne teksty i mi się nic nie rozjeżdżało, ani w IE ani w Firefox.. może wstawiasz tekst bez spacji i się div rozjeżdża po prostu. Ale wiadomo, że jak wstawisz jakieś zdania, to będą odległości między wyrazami 
