Autor Zpráva
Ilhvm
Profil *
Ahojte lidi :)

Potřebovala bych poradit. Mám stránku, která obsahuje div s pozadím loga a potom samotný div na obsah:

<body>
      <div class="zahlavi">
            <h1 class="zahlavi">Pogona Vitticeps</h1>
            <br>
            <a href="index.html" class="zahlavi">O mě</a>
            <a href="pogona.html"class="zahlavi" style="padding-left: 5%;">Agama Vousatá</a> 
            <a href="fotogalerie.html"class="zahlavi" style="padding-left: 5%;">Fotogalerie</a>
            <a href="prodej.html"class="zahlavi" style="padding-left: 5%;">K prodeji</a>
      </div>
      <div class="obsah">
        bla bla bla
      </div>
  </body>

Styl:

body{
  background-color: rgb(166,124,82);
}

div.zahlavi{
  width: 100%;
  height: 38%;
  background-image: url(logo.PNG);
  background-repeat: no-repeat;
  background-position: center top;
}

h1.zahlavi{
  color: rgb(255,255,255);
  font-family: Trajan Pro;
  padding-left: 25%;
  padding-top: 12%;
}

a.zahlavi{
  color: rgb(255,255,255);
  font-family: Trajan Pro;
  font-size: 18px;
  text-decoration: none;
  font-weight: bolder;
  padding-left: 3%;
}

div.obsah{
  background-color: rgb(255,255,255);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-right-radius: 30px;
  webkit-bottom-right-radius: 30px;
  -moz-border-radius-bottomright: 30px;
}

Při rozlišení 1024x768 je to v pořádku, při ostatních se mi to samozřejmě nějakým způsobem rozjede. Myslíte, že je to vhodné řešit to obalením do divu a centrovat vůči tomu divu?

Děkuji moc :)
Kcko
Profil
Jak rozjede?
Ilhvm
Profil *
Kcko:
No, při rozlišení 800x600 mi div obsah nejspíše překryje logo, které ještě k tomu zmizne do rohu:
http://2i.cz/50f86b4192

No a při větším rozlišení, např. 1360x768 mi zmizne menu a div s obsahem se roztáhne:
http://2i.cz/14bc2f05d6
Kcko
Profil
No tak nastav pevnou šířku layoutu, nebo si elementy, nastav % tak aby to vycházelo. A obrázkům nastav max-width: 100%
Chamurappi
Profil
Reaguji na Ilhvma:
Možná by pomohla spíš živá ukázka stránky, než pár obrázků a neúplný zdroják.
Víš, že procentuálně nastavený padding-top se počítá ze šířky? (Nikoliv z výšky.)

O mě
O mně.
Ilhvm
Profil *
Kcko:
Děkuju. To zase takový problém nebyl :))


Chamurappi:
To jsem netušila.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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