Witam!
Zrobiłem laya w Photoshopie pocięłem go następnie w Fireworksie i zapisałem jako html + css
Problem w tym, że strona dobrze wygląda tylko w rozdzielczości 1024x768 przy innych całkowicie się rozjeżdza proszę o pomoc, oto kod html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tytul</title>
<link rel="stylesheet" type="text/css" href="./glowna.css" media="all" />
</head>
<body>
<div id="main">
<img src="images/header.jpg" id="header" alt="" />
<br class="clearfloat" />
<img src="images/left.jpg" id="left" alt="" />
<img src="images/mainbody.jpg" id="mainbody" alt="" />
<img src="images/right.jpg" id="right" alt="" />
<br class="clearfloat" />
<img src="images/footer.jpg" id="footer" alt="" />
<br class="clearfloat" />
</div>
</body>
</html>
a to plik glowna.css
body {
background-color: #ffffff;
margin:0px;
padding:0px;
}
.p {
margin:0px;
padding:0px;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-align: inherit;
color: inherit;
line-height: inherit;
vertical-align: top;
}
p {
padding-top:0px;
margin-top:0px;
}
img {
border:0px;
}
div {
margin:0px;
padding:0px;
font-family:verdana; font-size:12px;
}
.AbsWrap {
width: 100%;
position: relative;
}
.rowWrap {
width: 100%;
}
.clearfloat {
clear:both;
height:0px;
}
a:link, a:visited{
COLOR:inherit;
text-decoration:inherit;
}
#main {
width:1024px;
margin: 0px auto 0px 0px;
border: 0px solid #f0f0f0;
}
#header {
margin-left:0px;
margin-top:0px;
width:1024px;
height:154px;
margin-bottom:0px;
float:left;
display:inline;
}
#left {
margin-left:0px;
margin-top:0px;
width:314px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;
}
#mainbody {
margin-left:0px;
margin-top:0px;
width:474px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;
}
#right {
margin-left:0px;
margin-top:0px;
width:236px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;
}
#footer {
margin-left:0px;
margin-top:0px;
width:1024px;
height:146px;
margin-bottom:0px;
float:left;
display:inline;
}
Pełna wersja: [HTML][CSS]Pozycjonowanie strony
weź to wrzuć w tagi html ;] bo to można się odstrzelić patrząc na to... poza tym daj cały kod, a nie wycinek ;]
To jest pelny kod strony, w tagi tego nie wrzuce bo mi sie IE sypie
Wywal ten kod i sam zrób layout, bez pomocy fajer-czegoś tam. Kod z generatorów nadaje się tylko na śmietnik. Znasz podstawy HTML+CSS? Wiesz jaki efekt chcesz uzyskać? Tutoriali pełno:
http://www.webinside.pl/webstandards/artykuly/205
Jak nie znasz podstaw HTML+CSS to MY za Ciebie przecież nie okodujemy tego, możemy Ci tylko pomóc.
http://www.webinside.pl/webstandards/artykuly/205
Jak nie znasz podstaw HTML+CSS to MY za Ciebie przecież nie okodujemy tego, możemy Ci tylko pomóc.
Podstawowa wiedze na temat html +css posiadam
Sadziłem ze Fireworks pozycjonowanie strony zrobi za mnie
Dzieki za linka
Sadziłem ze Fireworks pozycjonowanie strony zrobi za mnie
Dzieki za linka
Cytat(celtik @ 2.02.2009, 13:35:19 ) 
To jest pelny kod strony, w tagi tego nie wrzuce bo mi sie IE sypie
chyba sam się posypiesz....
BBCODE!! poza tym, jak to jest cały kod strony
to nie wiem co Ty tam bedziesz wyświetlał....
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.