+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: gdzie robie blad (/thread-gdzie-robie-blad)
gdzie robie blad - sebastiankozub - 18-01-2009
witam
mam pytanie pracuje sobie na layoutem stronki... taki klasyczny mi sie wydaje jednak cos jest nie tak...
menu z lewej strony jest za bardzo presuniete w prawo, marginesy mam ustawione tak samo jak przy innych divavch jednak tylko to menu jest przsuniete bardziej w prawo
poza tym w FF glowny div "right" nachodzi na div "left" a w IE nie ma tego problemu... jak to rozwiazac?? slyszalem ze problem dotyczny roznej interpretacji padding oraz margin ale pytanie jak Wy sobie z tym radzicie??
HTML:
Kod:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2" />
<meta name="Description" content="[ Opis dokumentu ]" />
<meta name="Author" content="[ Autor dokumentu ]" />
<meta name="Generator" content="EdHTML" />
<title>[ Tytul dokumentu ]</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="logo">
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
logo logo logo logo logo logo logo logo logo logo logo logo logo logo logo
</div>
<div id="main_menu">
main menu main menu main menu main menu main menu main menu main menu main menu main menu
main menu main menu main menu main menu main menu main menu main menu main menu main menu
</div>
<div id="left">
left menu let menu left menu let menu left menu let menu left menu let menu
left menu let menu left menu let menu left menu let menu left menu let menu
left menu let menu left menu let menu left menu let menu left menu let menu
left menu let menu left menu let menu left menu let menu left menu let menu
advert advert advert advert advert advert advert advert advert advert advert advert
advert advert advert advert advert advert advert advert advert advert advert advert
advert advert advert advert advert advert advert advert advert advert advert advert
advert advert advert advert advert advert advert advert advert advert advert advert
</div>
<div id="right">
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
glowna tresc serwisu tutaj mozna o wszystkim przeczytac
</div>
<div id="stopka">
stopka stopka stopka stopka stopka stopka stopka stopka stopka
</div>
</body>
</html>CSS:
Kod:
body {
padding: 0px;
margin: 0px;
background-color: black;
}
div {
border: 1px solid white;
background-color: gray;
}
div#logo {
margin: 5px;
padding: 5px;
}
div#main_menu {
margin: 5px;
padding: 5px;
}
div#left {
float: left;
width: 200px;
display: inline;
padding: 5px;
margin: 5px;
}
div#right {
padding: 5px;
margin: 5px 5px 5px 210px;
}
div#stopka {
width: 100%;
clear: both;
margin: 5px;
padding: 5px;
}RE: gdzie robie blad - owen10 - 18-01-2009
Wywal z przed np #right "div' i powinno działać.
RE: gdzie robie blad - sebastiankozub - 18-01-2009
(18-01-2009, 18:57)owen10 napisał(a): Wywal z przed np #right "div' i powinno działać.
nie zadzialalo :/
RE: gdzie robie blad - owen10 - 18-01-2009
A usuwasz tylko z przed #right czy z wszystkich. Masz tutaj z edytowane style:
Kod:
body {
padding: 0px;
margin: 0px;
background-color: black;
}
div {
border: 1px solid white;
background-color: gray;
}
#logo {
margin: 5px;
padding: 5px;
}
#main_menu {
margin: 5px;
padding: 5px;
}
#left {
float: left;
width: 200px;
display: inline;
padding: 5px;
margin: 5px;
}
#right {
padding: 5px;
margin: 5px 5px 5px 210px;
}
#stopka {
width: 100%;
clear: both;
margin: 5px;
padding: 5px;
}RE: gdzie robie blad - sebastiankozub - 18-01-2009
no tak zrobilem
najlepiej wrzuc to sobie do plikow i poatrz jak wyglada w IE i jak w FF
ta zmiana nic nie dala