Autor Zpráva
gardener
Profil
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
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
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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