Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów › Technologie internetowe - tworzenie stron WWW › Początkujący webmaster v
gdzie robie blad

Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Tryb drzewa
gdzie robie blad
sebastiankozub Offline
Junior Member
**
Liczba postów: 5
Liczba wątków: 2
Dołączył: 18-01-2009
Reputacja: 0
#1
18-01-2009, 02:14
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 Sad

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;
}
Szukaj
Odpowiedz
owen10 Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 3
Dołączył: 07-06-2008
Reputacja: 0
#2
18-01-2009, 18:57
Wywal z przed np #right "div' i powinno działać.
Szukaj
Odpowiedz
sebastiankozub Offline
Junior Member
**
Liczba postów: 5
Liczba wątków: 2
Dołączył: 18-01-2009
Reputacja: 0
#3
18-01-2009, 19:40
(18-01-2009, 18:57)owen10 napisał(a): Wywal z przed np #right "div' i powinno działać.

nie zadzialalo :/
Szukaj
Odpowiedz
owen10 Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 3
Dołączył: 07-06-2008
Reputacja: 0
#4
18-01-2009, 20:03
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;
}
Szukaj
Odpowiedz
sebastiankozub Offline
Junior Member
**
Liczba postów: 5
Liczba wątków: 2
Dołączył: 18-01-2009
Reputacja: 0
#5
18-01-2009, 20:29
no tak zrobilem

najlepiej wrzuc to sobie do plikow i poatrz jak wyglada w IE i jak w FF
ta zmiana nic nie dala
Szukaj
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Gdzie założyć bloga? lechh851 7 5,766 25-03-2019, 14:01
Ostatni post: monia456
  Domena, strona ww gdzie i jak ? maiveq 3 3,318 18-01-2012, 04:18
Ostatni post: urlsite
  Gdzie wstawić flashplayer fenix 4 3,796 14-10-2011, 09:59
Ostatni post: fenix
  Gdzie wpisać piwik code julinka83 4 4,629 16-08-2011, 16:56
Ostatni post: julinka83
  javascript w adobe flash gdzie? Stachu68 0 2,029 30-03-2011, 20:57
Ostatni post: Stachu68

Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl