Layout mit CSS

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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]

    Comment


    • #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

      Comment


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

        Comment


        • #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

          Comment

          Working...
          X