nicht angemeldet
4 Spaltiges Layout mit evil iframe
Hallo zusammen,
nachdem ich mir jetzt 3 Nächte mit dem beknackten CSS-Layout zugebracht habe wär ich dankbar für nen Lösungsvorschlag von euch.
Das Hauptproblem das ich habe ist das der internetexplorer und der firefox meinen code in 1/3 aller Fälle anders interpretieren. Jetzt hab ich das ganze soweit hingebogen, das sich der iframe wenigsten relativ anpasst. Aber nun passen aber alle divs in der breite nicht mehr zueinander, weil ich zwichendurch absolute positioniere musste.
Kann mir jemand nen tip geben wie ich das passend bekommen, oder nen fertiger lösungsansatz wär prima.
Hier gibs das ganze anzugucken: http://12monkeys.dyndns.org:90
Gruß,
Jan K.
-
Moin,
Kann mir jemand nen tip geben wie ich das passend bekommen, oder nen fertiger lösungsansatz wär prima.
nimm ne evil Tabelle! ;-P
Schönen Gruß,
Mike
-
Hallo zusammen,
nachdem ich mir jetzt 3 Nächte mit dem beknackten CSS-Layout zugebracht habe wär ich dankbar für nen Lösungsvorschlag von euch.
»»
Wenn es so "beknackt" ist Warum denn CSS?Das Hauptproblem das ich habe ist das der internetexplorer und der firefox meinen code in 1/3 aller Fälle anders interpretieren. Jetzt hab ich das ganze soweit hingebogen, das sich der iframe wenigsten relativ anpasst. Aber nun passen aber alle divs in der breite nicht mehr zueinander, weil ich zwichendurch absolute positioniere musste.
Deinen Code validieren (W3C)
http://validator.w3.org/check?uri=http%3A%2F%2F12monkeys.dyndns.org%3A90%2F&charset=%28detect+automatically%29&doctype=InlineKann mir jemand nen tip geben wie ich das passend bekommen, oder nen fertiger lösungsansatz wär prima.
»»
Nutze mal dieses CSS:
body{
color: black;
background-color:white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0;
height:100%;
}
div#box1 {
height:5%;
margin: 0.5%;
}div#box1 p {
font-size: 150%;
margin: 0 0 0em;
padding: 0em;
text-align: center;
font-weight: bold;
background:#fed;
border: 2px solid black;
}div#box2 {
margin: 0.5%;
height: 5%;
}
div#frame {
margin: 0.5%;
height:80%;
}
div#box4 {
margin: 0.5%;
}
div#box4 p {
font-size: 60%;
text-align: center;
font-weight: bold;
background:#fed;
border: 2px solid black;
}
div#Navigation {
font-size: 83%;
border: 1px solid black;
}
div#Navigation a {
display: block;
padding: 0.5em;
font-weight: bold;
}
div#Navigation a:link {
color: black;
background-color: #eee;
}
div#Navigation a:visited {
color: #666;
background-color: #eee;
}
div#Navigation a:hover {
color: black;
background-color: white;}
div#Navigation a:active {
color: white;
background-color: gray;
}Hier gibs das ganze anzugucken: http://12monkeys.dyndns.org:90
Gruß,
Jan K.
Desweiteren:
Eine ID darf nur EINMAL vergeben werden.
Nutze lieber "class" und versuche dich mehr mit CSS zu beschäftigen!http://de.selfhtml.org/css/index.htm
http://www.css4you.deGruß Örny
-
Danke!!!
Ich arbeite mich jez erstma durch deine links
-
Shit,
im Firefox sieht dein css aber schrottig aus xD
-
-