| Autor | Zpráva | ||
|---|---|---|---|
| gardener Profil |
#1 · Zasláno: 17. 9. 2008, 18:16:16 · Upravil/a: gardener
Zdravím všechny
Mám problém, se kterým si už nevím rady, (je zpusoben použitím pruhledných rohu layoutu pri návrhu), tím bych se ale nyní nezabýval, horší je, že takto nemohu použít standartní zpusob návrhu layoutu, tj.že bych footer vnoril do DIVu s textem To zde nelze.. Potreboval bych docílit toho aby footer byl vždy pod textem(viz. obrázek) 
(bude mít nastavem min-heigh, aby nedošlo k deformaci,když bude text príliš malý). Sám už jsem vyzkoušel všechny možné kombinace bohužel neúspešne, dokonce se to zde i rešilo, ale taktéž bez výsledku. Už opravdu nevím, zkoušel jsem hledat, pátrat ale porád nic. Kdyby znal nekdo odpoved na moji otázku moc by mi a myslím že do budoucna ne jenom me pomohl a dokonce bych mohl príšte opet využívat pruhledné rohy u návrhu:) Pro úplnost pridávám CSS a HTML (stránky bohužel nemohu nahrát na ftp, jelikož tam kde jsem je zakázáno) Dekuji za každou smysluplnou radu... PS:omlouvám se za diakritiku, mám anglicke XP CSS
@charset "utf-8";
/* CSS Document */
body {
background-image:url(images/bg.png);
background-repeat:repeat-x;
background-color: #c5e2f7;
}
ul {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-style: normal;
}
li {
list-style-image: url(images/arrow.png);
padding-bottom: 5px;
visibility: visible;
z-index: 6;
left: 10px;
}
p {
font-family:"Arial", Helvetica, sans-serif;
padding-top: 5px;
font-size:1em;
color: #3ea5db;
}
/*div v kterem je vsazen veskery obsah*/
#everything {
width:977px;
height:auto;
text-align:left;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
margin-top: 100px;
}
#header {
height:auto;
visibility:visible;
z-index: 1;
position: relative;
}
#navigation {
height:50px;
visibility:visible;
z-index: 1;
position: relative;
width:947px;
margin-top: -30px;
background-color: #FFFFFF;
margin-left: 18px;
}
#logotyp {
height:100px;
width:100px;
visibility:visible;
position: absolute;
background-color:#FFFFFF;
z-index: 6;
margin-top: 100px;
margin-left: 100px;
}
h1 {
font-family:"Arial", Helvetica, sans-serif;
color:#3ea5db;
font-style: normal;
}
.title{
position:absolute;
font-size:2em;
margin-top: 30px;
left: 220px;
width: auto;
z-index: 10;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-style: normal;
}
.left{
position:absolute;
padding-left: 45px;
font-size:1em;
margin-top: 45px;
font-weight: normal;
width: auto;
}
.left_link{
position:absolute;
font-size:1em;
font-weight: normal;
width: auto;
margin-top: 20px;
}
h3 {
font-family:"Arial", Helvetica, sans-serif;
color:#72bb02;
font-style: normal;
}
.title_last_projects{
position:relative;
padding-left: 20px;
font-size:1.3em;
margin-top: 30px;
font-weight: normal;
width: auto;
}
#menu {
height:69px;
width:976px;
visibility:visible;
position: relative;
/* &margin-top:0px; IE hack*/
background-image:url(images/title.png);
}
#white_background {
height:auto;
background-color:#FFFFFF;
margin-right: 12px;
margin-left: 18px;
position: relative;
}
.text_content { //TADY JE TEXT BOX JE TO TRIDA POZICOVANA K #white_background
background-color:#FFFFFF;
margin-right: 12px;
position: absolute;
width:450px;
min-height: 500px;
left: 200px;
max-width: 450px;
top: 10px;
}
#left_navigation_content {
width:197px;
visibility:visible;
background-image: url(images/black_box_bg.png);
background-repeat: repeat-y;
position: relative;
margin-left: -18px;
height: 200px;
}
#overpass_navigation_content {
width:197px;
height:69px;
visibility:visible;
background-image: url(images/black_blue_box.png);
background-repeat: no-repeat;
position: relative;
margin-left: -18px;
}
#left_blue_navigation_content {
width:197px;
visibility:visible;
background-image: url(images/blue_box_bg.png);
background-repeat: repeat-y;
position: relative;
margin-left: -18px;
height: 200px;
}
#left_blue_navigation_footer {
width:197px;
visibility:visible;
background-image: url(images/blue_box_footer.png);
background-repeat: no-repeat;
position: relative;
margin-left: -18px;
height: 49px;
}
.left_box {
width:71px;
background-image: url(images/box.png);
background-repeat: no-repeat;
position: absolute;
height: 289px;
margin-left: -50px;
margin-top: 200px;
}
#projects_box_header {
width:246px;
visibility:visible;
text-align:center;
background-image: url(images/projects_header.png);
background-repeat: no-repeat;
position: absolute;
height: 67px;
z-index: 3;
margin-top: 50px;
left: 700px;
}
#content_projects{
width:246px;
visibility:visible;
background-image: url(images/bg_projects.png);
background-repeat:repeat-y;
position: absolute;
margin-top: 117px;
min-height: 200px;
height: auto;
max-width: 246px;
left: 700px;
}
.img_projects_box
{
margin-left: 25px;
}
#projects_box_footer{
width:246px;
height:100px;
visibility:visible;
background-image: url(images/projects_footer.png);
background-repeat:no-repeat;
position: relative;
}
#footer { // TADY JE TEN PROBLEM//
width:977px;
height:83px;
visibility:visible;
background-image: url(images/footer.png);
background-repeat: no-repeat;
position: relative;
clear: both;
}
#validity_footer {
width:283px;
height:51px;
visibility:visible;
background-image: url(images/validity_footer.png);
background-repeat: no-repeat;
position: relative;
margin-top: -12px;
margin-left: 100px;
}
|
||
| habendorf Profil |
#2 · Zasláno: 17. 9. 2008, 18:48:29
Tohle je naprosto jednoduchý design bez jakýchkoliv špeků, průhledné rohy nehrají roli.
Na problémy si zaděláváš nesmyslným používáním position. Normálně nafloatuj tři sloupce, vyclearuj pod nimi a na konec dej footer. |
||
| gardener Profil |
#3 · Zasláno: 17. 9. 2008, 20:24:52
Jenže to by znamenalo to celé předělávat, nemohl bych toho dosáhnou jenom nastavením nějaké vlastnosti objektu s textem, nebo footeru?
Představa, že to předělávám znovu mě děsí, jelikož jsem to již jednou předělával kvůli nesmyslnému pozicování.. |
||
| habendorf Profil |
#4 · Zasláno: 18. 9. 2008, 10:06:39
Co na to říct .... pokud chceš, aby to fungovalo, předělat to musíš od základu. Jediná možná záplata by byla nastavit textu pevnou výšku a smířit se se scrollbarem.
|
||
|
Časová prodleva: 16 let
|
|||
0