| Autor | Zpráva | ||
|---|---|---|---|
| DarkMeni Profil |
#1 · Zasláno: 16. 3. 2014, 14:29:54
Zdravím, jak se dá udělat takový layout bez použití tabulek?
Samotná stránka má pevně danou šířku a má být vycentrovaná, okolní dva sloupce by měly sloužit pro složení pozadí z několika obrázků. Jde nějak nastavit divu, aby začal například vlevo a skončil u druhýho divu který má být vycentrovaný? Díky |
||
| rafej Profil |
#2 · Zasláno: 17. 3. 2014, 11:39:30
Ukaž příklad, jak to má vypadat. Z tvého popisu se to nedá jednoznačně určit, ale mohly by stačit i 2 divy, s tím, že jeden by byl uvnitř druhého a pozadí by se pozicovalo na vnější div.
|
||
| DarkMeni Profil |
Vypadat by to mělo přibližně takto
Zatim sem se dostal k tomuto: <!DOCTYPE html>
<html>
<head>
<title>Background test</title>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<style type="text/css">
html
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
height: 100%;
position: relative;
text-align: center;
}
#background
{
width: 100%;
height: 100%;
position: absolute;
}
#bg-wrapper-left
{
width: 50%;
height: 100%;
float: left;
}
#bg-wrapper-right
{
width: 50%;
height: 100%;
float: left;
}
#bg-left
{
margin-right: 509px; /* (content width / 2) */
background: yellow;
height: 100%;
}
#bg-right
{
margin-left: 509px; /* (content width / 2) */
background: yellow;
height: 100%;
}
#content
{
width: 1018px;
height: 100%;
margin: auto;
background: orange;
text-align: left;
position: relative;
z-index: 2;
}
</style>
</head>
<body>
<div id="background">
<div id="bg-wrapper-left">
<div id="bg-left">left</div>
</div>
<div id="bg-wrapper-right">
<div id="bg-right">right</div>
</div>
</div>
<div id="content">content</div>
</body>
</html>To pozadí má být rozdělený na 3 části, 1. má zůstat nahoře, 2. má být pod ní s opakováním repeat-y a 3. má být dole u patičky A když ho uprostřed (to, co překryje obsah stránky) vyplnim například bílou barvou, tak pak jsou ty obrázky tak 2x datově větší než levá a pravá strana pozadí dohromady, proto to chci dát rači na ty 3 sloupce |
||
|
Časová prodleva: 10 let
|
|||
0