Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS] Problem z nakładaniem się div'ów!!! - Wersja do druku

+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Problem z nakładaniem się div'ów!!! (/thread-css-problem-z-nakladaniem-sie-div-ow)

[CSS] Problem z nakładaniem się div'ów!!! - DaX_101 - 07-05-2010

Witam!!! Mam problem z nakładaniem się divów z menu i treści strony na div'a ze stopką. Menu i treść mają się jednolicie powielać aby nie było białej przestrzeni tylko kawałek wyciętej grafiki , nie mogę rozwiązać tego problemu. Proszę o pomoc.

Fragment kodu:
Kod:
<!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" xml:lang="pl" lang="pl">

<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<title>Telefony komórkowe z Systemem Operacyjnym</title>



<style type="text/css">

#TOP
{

width:850px;
margin-left:auto;
margin-right:auto;

}

#NAGLOWEK
{
    width: 850px;
    height:130px;
    background-image: url("images/1.png");
    
}
#PASEK
{
    width: 850px;
    height:23px;
    background-image: url("images/10.png");
}
#MENU_PODR
{
    height:29px;    
}

#STOPKA
{
    width: 850px;
    height:56px;
    
    background-image: url("images/39.png");
    
}

#SRODEK
{
    width: 850px;
    background-image:url("images/45.png");
    background-repeat:repeat-y;
    
}

#MENU
{
    width: 188px;
    float: left;
    background-repeat:repeat-y;
    background-image: url("images/13.png");
    
}


#TRESC
{
    background-repeat:repeat-y;
    width: 662px;
    float:right;
    background-image: url("images/37.png");
    



}






</style>
</head>
<body>

<div id="TOP" >

<div id="NAGLOWEK" >&nbsp
</div>



<div id="MENU_PODR"></div>
<div id="PASEK">&nbsp</div>

<div id="SRODEK">
<div id="MENU" >&nbspjghghgf <br>sdfdsfghhgfh<br>ds<br><br></div>
<div id="TRESC">&nbspbr>sdfdsfghhgfh<br>ds<br><br></div>



</div>

<div id="STOPKA">&nbsp</div>


</div>
</body>
</html>

Strona z błędem:
[Obrazek: 80.jpg]

RE: [CSS] Problem z nakładaniem się div'ów!!! - Pedro84 - 08-05-2010

Przeleć to najpierw walidatorem, zobaczysz błędy, bo w żadnym wypadku nie jest to xhtml...

RE: [CSS] Problem z nakładaniem się div'ów!!! - DaX_101 - 10-05-2010

(08-05-2010, 04:33)Pedro84 napisał(a): Przeleć to najpierw walidatorem, zobaczysz błędy, bo w żadnym wypadku nie jest to xhtml...

Niestety walidator nie znalazł żadnych poważnych błędów efekt jest nadal taki sam...Może ktoś ma inny pomysł. Dodam jeszcze że na starszej wersji IE wszystko śmiga aż miło a na Nowszej będź Firefoxie obcina mi tą stronkę

RE: [CSS] Problem z nakładaniem się div'ów!!! - Pedro84 - 10-05-2010

Cytat:29 Errors, 8 warning(s)

To nie są "poważne błędy"? Poza tym, w CSSie nazwy selektorów pisze się małymi literami, nie drukiem.

Co do ucinania, overflow:hidden; dla kontenera.

RE: [CSS] Problem z nakładaniem się div'ów!!! - DaX_101 - 10-05-2010

(10-05-2010, 22:14)Pedro84 napisał(a):
Cytat:29 Errors, 8 warning(s)

To nie są "poważne błędy"? Poza tym, w CSSie nazwy selektorów pisze się małymi literami, nie drukiem.

Co do ucinania, overflow:hidden; dla kontenera.

Dzięki za pomoc!!! Punkcik poszedł w Twoją stronę. Temat można zamknąć i dzięki jeszcze raz!!!Big Grin

RE: [CSS] Problem z nakładaniem się div'ów!!! - Pedro84 - 10-05-2010

Ale te błedy popraw, bo wstyd! Smile