Layout mit CSS

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Layout mit CSS

    Hallo,
    ich bin gerade dabei mein Layout mit CSS zu erstellen. Im Moment sieht's grad so aus:

    Code:
    <head>
    <style type="text/css">
    <!--
    body {
    	margin: 0px;
    	padding: 0px;
    }
    #Navigation {
    	background-color: #666666;
    	float: left;
    	width: 200px;
    }
    #Contents {
    	margin-left: 200px;
    	background-color: #CCCCCC;
    	/* width: 600px; */
    }
    -->
    </style>
    </head>
    <body>
    <div id="Navigation">
    	<ul>
    		<li>Link 1</li>
    		<li>Link 2</li>
    		<li>Link 3</li>
    		<li>Link 4</li>
    		<li>Link 5</li>
    		<li>Link 6</li>
    	</ul>
    </div>
    <div id="Contents">
    	<h1>Überschrift 1</h1>
    	<p>Hier kommt der Inhalt der Webseite hin.</p>
    </div>
    </body>
    Der Bereich "Contents" soll 600 Pixel breit sein. Wenn ich aber mit "width" die Breite einstelle, dann ist bei Internet Explorer ein kleiner Abstand zwischen den beiden Div-Bereichen. Was muss ich machen damit dieser Abstand verschwindet?
    Cypresz Hill

  • #2
    IE-CSS-Hacks

    PHP-Code:

    .mein_div{
         
    width500px;
    }

    /* GILT NUR FÜR (sucking) IE */
    *html .mein_div{
         
    width550px;

    [color=black] Important: alt bei <img> ist immer erforderlich · Strings richtig trennen/verbinden · Kiddie-Code hat keine Chance[/color]

    Kommentar


    • #3
      Original geschrieben von tomstig
      IE-CSS-Hacks

      PHP-Code:

      .mein_div{
           
      width500px;
      }

      /* GILT NUR FÜR (sucking) IE */
      *html .mein_div{
           
      width550px;

      Das hab ich nicht gemeint...
      Cypresz Hill

      Kommentar


      • #4
        setz ein zusätzliches float:
        Code:
        #Contents {
        	background-color: #CCCCCC;
        	width: 600px;
        	[COLOR=orangered]float:left;[/COLOR]
        }

        Kommentar


        • #5
          Re: Layout mit CSS

          Original geschrieben von cypresshill
          Der Bereich "Contents" soll 600 Pixel breit sein. Wenn ich aber mit "width" die Breite einstelle, dann ist bei Internet Explorer ein kleiner Abstand zwischen den beiden Div-Bereichen. Was muss ich machen damit dieser Abstand verschwindet?
          hört sich nach dem three-pixel-text-jog an.

          gruß
          peter
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar

          Lädt...
          X