Autor Zpráva
Milan12
Profil *
dobrý den,

mám problém s optimalizací webu pro IE, podle něho je nejspíše den "modrý div" příliš široký, aby se vešel tam kam má, proto to zobrazuje, až podmenu viz.: obrazky

FF:

IE:


CSS:
<style>


div.page {
margin:0 auto 0;
width:1024px;
height: 803px;
border-bottom: 3px solid;
border-left: 3px solid;
border-right: 3px solid;
border-color: #dc5819;
top: 0px;
}

div.top {
margin:0 auto 0;
width:1024px;
background-color: #ffeed4;
height: 200px;
border-bottom: 3px solid;
border-color: #dc5819;
top: 0px;
}


div.menu {
float: left;
margin:auto ;
width:250px;
background-color: #ffeed4;
height: 600px;
border-right: 3px solid;

border-color: #dc5819;
top: 0px;
}

div.body {

float: left;
margin-left: 0px;
width:771px;
background-color: #ffeed4;
height: 600px;



}

body {

margin:0px;
background-color: #f5c47f;
text-align: center;
}




a.menu{
text-decoration: none;
font-weight: bold;
cursor: hand;
color: #dc5819;





}


p {
margin: 0 0 0 0;
height: 40px;
border-color: #dc5819;
border-bottom: 3px solid;
border-color: #dc5819;
}

h1 {
margin: 0 0 0 30;
padding-top: 35px;
text-align: left;
color: #dc5819;
font-size: 60px;

}
h3 {
margin: 0 0 0 30;
padding-top: 10px;
text-align: left;
color: black;
font-style: italic;
font-size: 20px;

}
</style>


html
<html>
<body>


<div class=page>

<div class="top">
<h1>Bezdničky</h1>

<h3>S dobrotami od pana Bezdičky si budete připadat bezedný...:)</h3>
</div>

<div class="menu">
<a class="menu" href=""><p>
O NÁS</p></a>

<a href="" class="menu"><p>
JAK SI U NÁS OBJEDNAT
</p></a>
<a class="menu" href=""><p>
MY A FARMÁŘSKÉ TRHY
</p></a>
<a class="menu" href=""><p>
DALŠÍ ČTENÍ
</p></a>
<a class="menu" href=""><p>
KONTAKT
</p></a>

</div>

<div class="body">

</div>


</div>



</body>
</html>



-----------------------

2) Dále bych se rád zeptal už trochu off topic teté sekce, ale nechci zakládat nové téma, nevíte, jak bych zarovanl ten text v menu i horizontálně an prostředek ?

3) A poslední dotaz, rád bych vložil logo do pravého rohu, že by překrývalo na výšku celý top div a část i divu body... Nevíte, jakou nastavit pozici, abych si nerozházel dosavadní pozicování?

Děkuji
Milan12
Profil *
Milan12:

ty obrazky byly smazany, tak znova

ff
[img]http://img340.imageshack.us/i/40838706.jpg/[/img]

ie
[img]http://img585.imageshack.us/i/13117180.jpg/[/img]

------------------
A k tomu třetímu bodu, bych chtěl aby to vypadalo tahle:
[img]http://img6.imageshack.us/f/logoqbb.jpg/[/img], takze respektive vlozit an stranky obrazek správně ho pozicovat, ale aby se ostatní elementy chovaly, jako že tam není
Milan12
Profil *
Třetí bod jsem už vyřešil, takže jen ten bug a to zarovnání textu, děkuji

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0