Nein, alles in Ordnung! Erst innerorts mit 50 km/h zu schnell passiert was.

...zur Antwort
Benötige Hilfe bei diesem Layout (HTML)?

Hallo allerseits!

Ich habe Probleme mit dem erstellen eines Layouts in HTML. Zum einen bekomme ich diesen kleinen, nervigen Abstand vom rechten Inhaltsfeld zum oberen/ unteren breiten Feld nicht weg, sodass sie alle geradlinig zueinander verlaufen. Zum Anderen möchte ich gerne noch ein weiteres Inhaltsfeld zwischen das rechte und das linke einfügen, habe aber keinerlei Ahnung, wie ich das bewerkstelligen kann!

Hier das Layout:

Seht ihr auch, dass das rechte Inhaltsfeld nicht geradlinig zu den anderen verläuft?

Hier die Quellcodes:

<!doctype html>
<html>
<head>
<meta charset="ISO 8859-1">
<title>Homepage</title>

<link rel="stylesheet" type="text/css" href="ddf.css">

</head>
<body>
<div id="all">
<div id="over">

</div>
<div id="scndover">

</div>
<div id="contents">
<div id="menue">

</div>
<div id="scndmenue">

</div>
<div id="thrdmenue">

</div>
<div id="cntnt">
</div>
</div>
<div id="under">
</div>
</div>
</body>
</html>

Und hier die dazugehörige CSS:

body{
 background:#BDBDBD;
}
#all{
 width:1200px;
    margin:0 auto;
} #over{ width:1200px; background:white; height:100px; border:2px solid black; }



scndover{


 width:1200px; background:white; height:32px; margin-top:5px; border:2px solid black; }



contents{


width:1200px; } #menue{ float:left; height:455px; width:270px; background:white; margin-top:5px; border:2px solid black; }



scndmenue{


 float:right; height:455px; width:270px; background:white; margin-top:5px; border:2px solid black; }



thrdmenue{

}
#under{
 width:1200px;
 height:100px;
 background:white;
 clear:both;
 border:2px solid black;
 margin-top:5px;
}

Bitte dringend um Hilfe!

Gruß

Korbi

...zum Beitrag
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <style>

       body, html {
           margin: 0;
           padding: 0;
           width: 100;
           background: #bdbdbd;
       }

       body {
           width: 1200px;
           max-width: 100%;
           background: #fff;
           margin: 0 auto;
       }

       header, footer, main, nav {
           display: block;
       }

       header, footer {
           height: 100px;
           background: #f00;
       }

       nav {
           height: 32px;
           background: #0ff;
       }

       main:after {
           content: "";
           display: table;
           clear: both;
       }

       .column {
           width: 270px;
           float: left;
           min-height: 455px;
       }

       .column.left {
           background: #0f0;
       }

       .column.center {
           background: #00f;
           width: calc(100% - 540px);
       }

       .column.right {
           background: #ff0;
       }



   </style>
   <title>Homepage</title>
</head>

<body>


   <header></header>
   <nav></nav>

   <main>
       <div class="column left"></div>
       <div class="column center"></div>
       <div class="column right"></div>
   </main>

   <footer></footer>

</body>

</html>

So ist es vorbereitet für eine Responsive-Darstellung. Es müsste nur noch eine Media-Query das Float für die Columns Klasse auf "none" überschreiben und die Weite der Columns auf 100 % gesetzt werden.

Das Tolle außerdem ist, dass man so mehrere Columns untereinander darstellen könnte. Man müsste dazu den Clearfix von Main auf einen eigenen Container (als Klasse) setzen.

Habe noch bissel was verändert. Z.B. muss DOCTYPE groß geschrieben werden nach W3C. Dann ist UTF-8 besser und die div Elemente haben ich gegen die neuen HTML5 Elemente ausgetauscht.

Bild zum Beitrag

...zur Antwort

Rolex ist teuer. Aber ja, du brauchst einen Privatsafe in der Umkleide. Dann sagst zu deinen Klassenkameraden: "Jaja, ihr Schlingel, keine Chance" und legst deinen Schlangenledergürtel, die Gnulederschuhe, die güldene Krawattennadel und die Galaxy Watch in deinen Safe *krrr quietsch klackklack ticktickeltickeltick*.

"Und jetzt Sport frei meine simplen Minderkameraden!", dann rennst mit einem Lachsfarbenen Polo, Stirnband und Handgelenksbändern in die Halle und machst dich mit einem Springseil warm.

...zur Antwort
aber nie schmeckte es, was meine Familie auch immer bestätigte

:D

...zur Antwort

Ich kenn es, dass nach dem Fingerspreizen der Begrüßungspartner den Zeigefinger seiner unbenutzen Hand einspeichelt und den nassen Finger in den Kerben der gepreitzten Finger des Gegenübers abreibt. Das machen beide gleichzeitig und sagen dabei wiederholt die Grußformel: "Ullak tubenk tu bongo".

...zur Antwort