CSS layout, der driller i ff!?!
Juel
noget design til en side jeg roder med.
Jeg kan f� det til at virke i IE8, men FF er bare helt umulig.. Det plejer
godt nok at v�re omvendt ;-)
N� men her er et link:
http://starchild.dk/temp/css/test.htm
Hele problemet er at diven "test" jo vil komme til at indeholde forskellige
l�ngder tekst, dvs. den kant der er ude i div "a" jo skal f�lge med s�
designet holdes p�nt, og ligeledes skal de 2 divs "big2" og "big3" rykke med
ned, da "big2" bla skal have bund kanten til rammen.
Som det kan ses, s� f�lger div "a" "big2" og "big3" p�nt med i IE8.
Men i FF vil "big2" og "big3" ikke rykke ned, og "a" tror at height 100% er
hele browserens h�jde :-(
Er der en der kan se, hvad hulen det er jeg g�r galt, nu har jeg k�mpt en
hel del med det, og ligemeget hvad jeg g�r vil ff ikke makke ret :-/
Synes ikke rigtigt google gider at hj�lpe :-(
Mvh
Morten
Kerim Ellentoft
>Er der en der kan se, hvad hulen det er jeg g�r galt, nu har jeg k�mpt en
>hel del med det, og ligemeget hvad jeg g�r vil ff ikke makke ret :-/
Den vigtigste fejl, du har beg�et er, der ingen doctype er p�
siden, hvilket betyder at IE g�r i quirk mode og viser siden
forkert i forhold til standarden.
Start med at s�tte dette �verst p� siden
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
og se s�, hvordan opf�rer sig, ret evt. ud fra det og er det ikke
nok, s� lad os den rettede side.
--
Kerim
http://www.facebook.com/kerim.ellentoft
Juel
> Den vigtigste fejl, du har beg�et er, der ingen doctype er p�
> siden, hvilket betyder at IE g�r i quirk mode og viser siden
> forkert i forhold til standarden.
Argh Ja.. det gik da vist lidt st�rkt :D
N� men nu er siderne da ens i IE8 og ff, men nu virker ingen af dem :D
http://starchild.dk/temp/css/test.htm
Mvh
Morten
Jens Peter Karlsen
#test {
min-height:280px; /*ff*/
height: auto !important; /*ie7 */
/* height: 280px; ie6 */
float: left;
background-color: #FFFFFF;
width: 860px;
/* position:relative; */
}
#a {
height:100%;
background-color: #ff00ff;
float: left;
background-image: url("images/left.jpg");
width: 10px;
}
#b {
background-color: #ff00ff;
float: right;
height: 100%;
width: 10px;
}
#big1 {
background-color: #008000;
min-height:280px; /*ff*/
height: auto !important; /*ie7 */
/* height: 280px; ie6 */
margin-right: auto;
margin-left: auto;
overflow:hidden;
width: 900px;
}
#big2 {
background-color: #00c000;
height: 30px;
margin-right: auto;
margin-left: auto;
width: 100%;
clear:both;
}
#big3 {
background-color: #40ff40;
height: 50px;
width: 100%;
}
Hvis du vil have IE6 med skal den specifikke CSS kode skrives i et
conditional statement.
Regards Jens Peter Karlsen.
On Mon, 30 Nov 2009 00:46:45 +0100, "Juel" <xSnabelAstarchild.dk>
wrote:
Juel
Yes s� er vi der n�sten :)
Men "a" og "b" f�lger stadigt ikke med ned :(
http://starchild.dk/temp/css/test.htm
Mvh
Morten
Juel
>
> Yes s� er vi der n�sten :)
>
> Men "a" og "b" f�lger stadigt ikke med ned :(
Det g�r de nu, men andre baggrunde, s� spiller det :)
http://starchild.dk/temp/css/test.htm
efter denne opskrift:
http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/
Metode 4 :)
Spiller :)
Mvh
Morten