Forum PHP.pl > [HTML][CSS] Problem z ustawieniem 3 divów i stopki.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Problem z ustawieniem 3 divów i stopki.

MysticPL

18.10.2008, 12:00:27

Witam!

Mam problem (I TO DUŻY!) z ustawieniem 3 divów koło siebie. 2 divy to są menu na stronie a jeden jest miejscem na tekst. Wszystkie te divy składają się z części (TOP, BG, BOTTOM - w osobnych divach). No więc zrobiłem to tak że wziąłem te 3 menu w osobne divy i nadałem im float: left. Wszystko było ładnie i pięknie na podglądzie w programie E-Net, ale w przęglądarce stopka zachowuje się tak jak gdyby "nie widziała" tych trzech divów. Nie reaguje na poszerzanie divów. Tylko stoi w miejscu. Poniżej zamieszczam kody:
---------------------------------------------HTML-------------------------------

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
      <meta http-equiv="Content-Language" content="pl" />
      <meta name="Author" content="Leszek240" />
      <meta http-equiv="Reply-To" content="leszek240@hotmail.com" />
      <link rel="stylesheet" href="style/podstawowy/domyslny.css" type="text/css" />
      <title>Ze świata simów - Centrum Simy 2.0</title>
</head>
<body>
<div id='top'>
</div>
<div id='menu'>
</div>
 
<DIV id="center" style="float:left; ">
  <DIV id="left_menu_top">
  </DIV>
  <DIV id="left_menu_bg">
  </DIV>
  <DIV id="left_menu_bottom">
  </DIV>
  </DIV>
<!--Tu zaczyna się środkowy element strony-->
  <DIV style="float:left; ">
  <DIV id="center_top">
  </DIV>
  <DIV id="center_bg">
 
  </DIV>
  <DIV id="center_bottom">
  </DIV>
  </DIV>
<!--Tu zaczyna się prawy element strony-->
    <DIV style="float:left; ">
  <DIV id="right_menu_top">
  </DIV>
  <DIV id="right_menu_bg">
  </DIV>
  <DIV id="right_menu_bottom">
  </DIV>
<CENTER><DIV id="bottom"></DIV></CENTER>
</body>
</html>
[HTML] pobierz, plaintext

------------------------CSS----------------------------------------------

Kod

body{
background-color: #9ACBEA;
font: normal 100% Verdana, Tahoma, Helvetica, sans-serif;
margin: 0 auto;
}

#top{
   background: url(../../grafika/podstawa/top.jpg);
margin:0 auto;
   height:156px;
width: 801px;
}
#menu{
   background: url(../../grafika/podstawa/menu.jpg);
margin: 0 auto;
   height:40px;
width: 801px;
}
#left_menu_top{
   background: url(../../grafika/podstawa/left_menu_top.jpg);
height: 8px;
width: 174px;

}
#left_menu_bg{
   background: url(../../grafika/podstawa/left_menu_bg.jpg);
width: 174px;

}
#left_menu_bottom{
   background: url(../../grafika/podstawa/left_menu_bottom.jpg);
width: 174px;
height: 8px;

}
#right_menu_top{
   background: url(../../grafika/podstawa/left_menu_top.jpg);
height: 8px;
width: 174px;

}
#right_menu_bg{
   background: url(../../grafika/podstawa/left_menu_bg.jpg);
width: 174px;
}
#right_menu_bottom{
   background: url(../../grafika/podstawa/left_menu_bottom.jpg);
height: 8px;
width: 174px;

}
#center_top{
   background: url(../../grafika/podstawa/center_top.jpg);
   height: 10px;
width: 440px;
}
#center_bg{
   background: url(../../grafika/podstawa/center_bg.jpg);
width: 440px;

}
#center_bottom{
   background: url(../../grafika/podstawa/center_bottom.jpg);
   height: 10px;
width: 440px;
}

#line{
   background: url(../../grafika/podstawa/line.jpg);
   height:8px;
width: 428px;
}
#test{
margin: 0 auto;
background: Fuchsia;
}
#bottom{
   background: url(../../grafika/podstawa/bottom.jpg);
   height:72px;
width: 801px;
}
#center{
text-align: center;
}

Z góry dziękuje za pomoc

webdice

18.10.2008, 12:31:48

Proszę o dodanie odpowiedniego bbcode, w innym wypadku temat zostanie zamknięty.

MysticPL

18.10.2008, 12:48:14

Problem już i tak rozwiązany więc można zamknąć.

webdice

18.10.2008, 12:58:51

To czy rozwiązałeś problem jest dla mnie nie istotne, prosiłem o dodanie bbcode, olałeś prośbę wiec dostajesz ostrzeżenie. Może na przyszłość będziesz czytał ze zrozumieniem.

HellRider

18.10.2008, 13:07:36

Sorry za offtop, nie krytykuję decyzji Moderatora, ale skoro wstawiłeś mu 10% 8 minut temu, a on był "Ostatnio widziany: 20 minut temu", to znaczy, że on wstawił tagi (nie ma notki edycji przez inną osobę). Post do usunięcia zaraz po przeczytaniu przez webdice.

Pozdro.

webdice

18.10.2008, 13:48:14

Ja wstawiłem bbcode, zapomniałem podać powodu edycji. Ostrzeżenie dostał po tym jak odpisał.

Dobrze że zauważyłeś, jestem tylko człowiekiem i też się mogę mylić, a słowo krytyki w słusznej sprawie nie jest niczym złym. Na przyszłość takie sprawy załatwia się poprzez raportowanie bądź PW.

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.