Layout – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Layout – CSS – Fórum – Programujte.comLayout – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Honza
~ Anonymní uživatel
393 příspěvků
25. 4. 2008   #1
-
0
-

Ahoj, mám takový problém se zobrazením layoutu v IE7, kde se mi při zvětšení odsadí pata stránky. Bohužel se potýkám i s trochu odlišným zobrazením v IE6. Nenašel by se tu někdo, kdo mi poradil? dík!

Link stránky: http://lide.uhk.cz/fim/student/weiseja1/zvl/home.html

css:



* {
margin: 0px;
padding: 0px;
}

body {
background-image: url(17original.gif);
text-align: center;
font-size: 100%;
}

#hlavni {

margin: auto;
height: auto;
text-align: left;
padding: 10px;
background-color: white;
}

#hlavicka {
height: 190px;
margin-bottom: 10px;
}

#lista {
height: auto;
margin-bottom: 10px;
background-color: #2a2822;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}

#levy {
float: left;
width: 120px;
height: 500px;
min-height: 500px;
background-color: #B2BEC8;

}

#pravy {
float: right;
width: 120px;
background-color: #B2BEC8;
min-height: 500px;
_height: 500px;

}

#box {
position: relative;
margin-right: 130px;
margin-left: 130px;
_margin-right: 127px;
_margin-left: 127px;
background-color: #e8e8e8;
min-height: 500px;
_height: 500px;
}

#paticka {
position: realtive;
background-color: #2a2822;
margin-top: 10px;
height: auto;
width: auto;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
clear: both;
}


.lista {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: silver;
}

.li1 {
background-color: #9DAEBD;
list-style-type: none;
margin-top: 10px;
padding-left: 5px;
height: auto;

}

.li {
background-color: #3E5B6C;
list-style-type: none;
padding-left: 5px;
height: auto;

}

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: white;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;

}

a:hover {
color: Gray;
}

#aktuality {
background-color: #3E5B6C;
list-style-type: none;
padding-left: 5px;
}

.foto {
text-align: center;
float: left;
background-color: white;
width: 180px;
height: 210px;
padding-left: 0px;
padding-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
}
#clear {
clear: both;


}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
color: #3C696A;
}

.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
text-align: justify;
line-height: 1,5em;
list-style-type: none;
line-height: 150%;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
}

.popisek {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
margin-top: 10px;
}

#obal {
width: 720px;
height: auto;
margin: auto;
}

#akt {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: white;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
}

Nahlásit jako SPAM
IP: 213.168.184.–
Reklama
Reklama
Minnoc0
Návštěvník
25. 4. 2008   #2
-
0
-

#pravy {

float: left;
width: 120px;
background-color: #B2BEC8;
margin: 0;
min-height: 500px;
_height: 500px;

}

#box {
float: left;
background-color: #e8e8e8;
min-height: 500px;
_height: 500px;
margin: 10px;
margin-top: 0;
width: 440px;
}

#paticka {
position: realative;
float: left;
background-color: #2a2822;
margin: 0;
height: auto;
width: 700px;
text-align: center;
padding: 0;
padding-top: 3px;
padding-bottom: 3px;
clear: left;
}

Takhle jsem upravil CSS, V Html dej pravv za box a bude to fakat. P.S. v IE6 sem to neviděl, ale mrknu ;)

Nahlásit jako SPAM
IP: 217.66.178.–
Minnoc0
Návštěvník
25. 4. 2008   #3
-
0
-

bez problémů i v IE6 ;)

Nahlásit jako SPAM
IP: 217.66.178.–
Anonymní uživatel
~ Anonymní uživatel
0 příspěvků
25. 4. 2008   #4
-
0
-

To Minnoc : Ahoj, řešení třemi floaty mě nenapdl - ale má své mouchy, protože při zvětšení textu v IE6 dojde k přesunutí pravého divu pod zbylé dva:( taky nechápu proč se mi v IE6 odsazuje ten div pod hlavičkou o pár pixelů víc než v IE7 nebo FF.

Nahlásit jako SPAM
IP: 213.168.184.–
EcLiPs30
Newbie
26. 4. 2008   #5
-
0
-

CSS hack ;)

Nahlásit jako SPAM
IP: 89.24.64.–
Anonymní uživatel
~ Anonymní uživatel
0 příspěvků
26. 4. 2008   #6
-
0
-

To EcLiPs3 : A konkrétně?:)

Nahlásit jako SPAM
IP: 213.168.184.–
Minnoc0
Návštěvník
26. 4. 2008   #7
-
0
-

např. podmíněný komentář pro IE6 je tím hackem , ale myslím, že by to šlo i bez toho, bohužel nemám moc času abych ti ten kód opravoval, dej tam zatím hack, až budu mít čas poradím ti, jak na IE6 bez hacku ;)

Nahlásit jako SPAM
IP: 217.66.178.–
Anonymní uživatel
~ Anonymní uživatel
0 příspěvků
26. 4. 2008   #8
-
0
-

To Minnoc : To bych ti byl velmi vděčný - dík!

Nahlásit jako SPAM
IP: 213.168.184.–
Minnoc0
Návštěvník
26. 4. 2008   #9
-
0
-

pošli mi na ICQ= 443229833 ten kód ať to nemusím stahovat z netu mrknu na to hned ;)

Nahlásit jako SPAM
IP: 217.66.178.–
Minnoc0
Návštěvník
26. 4. 2008   #10
-
0
-

vypadl jsi mi z ICQ, přidej mě eště jednou nwm, co s tím krámem je ;)

Nahlásit jako SPAM
IP: 217.66.178.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 12 hostů

Podobná vlákna

Layout — založil darkerboy

3 layout — založil Steeta

Layout — založil Nicolas

3 stĺpcový layout — založil Onsi

Natahovací layout — založil Petr

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý