Autor Zpráva
Euroblb
Profil
Ahoj.
Mám problé stím že jsem jsi konečně skusil napsat css layout webu, když už jsem byl u konce, zjistil jsem že se mi háže pozadí od menu tam kde už nemá.
Jse koukněte zde.
V Mozille to jede bez problémů, ale v IE je to menu na maděru.
Jestli budete vědět jak to vyřešit, tak budu jen rád, když mi pomůžete s problémem, s kterým jsi nevím rady a asi 2 dny vkuse nad tím přemejšlím((mím malím hráškem)).
předem dík.
liják
Profil
Ukaž jak to máš nastylovaný
Euroblb
Profil
liják
Chceš, celej kod CSS?
ta tady je:

/* CSS Document */

/*CSSpage-sergejpokusweb.wz.cz*/
body {
color: #0000FF;
background: black none;
text-align: center;
}
#full {
width: 780px;
background-image: url(bg.gif);
text-align: left;
margin: 0 auto;
}
#hlavicka {
width: 780px;
height: 156px;
background-image: url(hlavicka.gif);
}
#leftmenu {
width: 173px;
background-image: url(menu_bg.gif);
float: left;
padding-bottom: 0px;
}
#menupaticka {
width: 173px;
height: 59px;
background-image: url(menu_paticka.gif);
float: left;
}
#obsah {
width: 607px;
float: right;
}
#paticka {
width: 780px;
height: 39px;
background-image: url(paticka.gif);
clear: both;
}
Euroblb
Profil
mno nic už jsem to vyřešil, doufám že stím už nebudu mít problém.. :)
JOFO
Profil
No pre dalsich si mohol aspon napisat kde bola chyba, aby sa neopakovali thready a nasli to tu...
Euroblb
Profil
V čem byla chyba? chyba byla vtom že jsem bbě rozdělil divy. dal jsem totž menu cele do divu a přidělil mu pozadí a vložil do něj další div s patičkou,což IE asi nepobralo
CSS layout:

/* CSS Document */
/*CSSpage-sergejpokusweb.wz.cz*/
body {
color: #0000FF;
background: black none;
text-align: center;
}
#full {
width: 780px;
background-image: url(bg.gif);
text-align: left;
margin: 0 auto;
}
#hlavicka {
width: 780px;
height: 156px;
background-image: url(hlavicka.gif);
}
#leftmenu {
width: 173px;
float: left;
padding-bottom: 0px;
}
#obsahmenu {
background-image: url(menu_bg.gif);
text-align: center;
width: 173px;
float: left;
}
#menupaticka {
width: 173px;
height: 59px;
background-image: url(menu_paticka.gif);
float: left;
}
#obsah {
width: 570px;
float: right;
padding-right: 30px;
}
#paticka {
width: 780px;
height: 39px;
background-image: url(paticka.gif);
clear: both;
}
a.odkazmenu {
color: #000000;
font-size: 15px;
font-weight: bold;
text-align: center;
width: 173px;
}
a.odkazmenu:hover {
text-align:center;
width: 173px;
color:#999999;

A html konstrukce:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="Pokus2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="full">
<div id="hlavicka"></div>
<div id="leftmenu">
<div id="obsahmenu">
<p><a class="odkazmenu" href="">odkay1</a></p>
<p><a class="odkazmenu" href="">odkay2</a></p>
<p><a class="odkazmenu" href="">odkay3</a></p>
<p><a class="odkazmenu" href="">odkay4</a></p>
</div>
<div id="menupaticka"></div>
</div>
<div id="obsah">Lorem ipsum dolor sit amet
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</P>
</div>
<div id="paticka"></div>
</div>
</body>
</html>
Toto téma je uzamčeno. Odpověď nelze zaslat.

0