Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Pozycjonowanie strony
celtik
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


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;


}




Ten post edytował celtik 2.02.2009, 13:32:46
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
isso
post
Post #2





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

Ostrzeżenie: (0%)
-----


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 ;]
Go to the top of the page
+Quote Post
celtik
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


To jest pelny kod strony, w tagi tego nie wrzuce bo mi sie IE sypie
Go to the top of the page
+Quote Post
Pilsener
post
Post #4





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
celtik
post
Post #5





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


Podstawowa wiedze na temat html +css posiadam
Sadziłem ze Fireworks pozycjonowanie strony zrobi za mnie
Dzieki za linka
Go to the top of the page
+Quote Post
isso
post
Post #6





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

Ostrzeżenie: (0%)
-----


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 (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) to nie wiem co Ty tam bedziesz wyświetlał....
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 15:13