:: Buchempfehlung ::

[inSane] · #1 30.07.2008, 16:13:26

hallo,

hab ein kleines Problem mit dem Aufbau einer Seite:

http://dieobernburger.de/test/test/index.php

Der rechte Rand soll variable vom text immer die selbe höhe haben hier der quelltext ( bitte nicht auf standart konform achten richte ich dann alles wenn geht ) :

die CSS:

HTML-Code:

   
  div#back {
    text-align: left; /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto; /* standardkonforme horizontale Zentrierung */
    width:900px;
    min-height:600;
    float:center;
    padding: 0 0 0 0;
    background: #ffffff repeat-y;
    border-right: 3px solid black;
    border-left: 2px solid black;
    border-bottom:3px solid black;
  }


  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 0em 0 0;      /* standardkonforme horizontale Zentrierung */
    width: 888px;
    min-height:602px;
    padding: 0em 0 0 0;
    background: #ffffff;
    border: 0px ridge silver;
  }

  div#header {
    font-size: 1.5em;
    margin: 0 0 0 0 ; padding: 0em;
    text-align: left;
    background: url(../images/head.jpg) no-repeat;
    height:150px;

  }
   
div#middle {
    positon:absolute;
    float:center;
    text-align:right;
    width:818;
    min-height:372;
    margin: 0 0 20px 20px; 
    padding:0 0 0 0;
    background:#ffffff url(../images/left.jpg) repeat-y;
    }


  div#Navigation {

    positon:static;
    text-align:center;
    font-size: 0.83em;
    float: right;
    height:100%; 
    width: 200px;
    margin: 0 0 0 2em; padding: 0 ;
    min-height:100%;
    background:#ffffff url(../images/left.jpg) repeat-y;
    color:white;
    border-bottom:2px solid black;
    
  }


  div#Inhalt {
    text-align:left;
    margin: 0 0 0 0;
    padding: 0 0em 3em 3em;
    width:618px;
    height:100%;
    background:#eeeeee;
    border-left:2px solid black;
    border-bottom:2px solid black;
  }
  
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }

Der Quelltext:

HTML-Code:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\"
       \"http://www.w3.org/TR/html4/strict.dtd\">
<html>
<head>
<title>Die Obernburger »Tanz und Stimmungskapelle</title>
<link href=\"common/css.css\" rel=\"stylesheet\" type=\"text/css\" >
</head>
<body>

<div id=\"back\">


<div id=\"Seite\">

  <div  id=\"header\">
  Head
  </div>

<div id=\"middle\">

  <div id=\"Navigation\">
     <h2><br><br>Rosenmontagsball ´08&nbsp;&nbsp;&nbsp;&nbsp;<br>
     <hr noshade size=\"2\" width=\"135\" align=\"right\" color=\"#FFFFFF\"></h2>
     <p>&nbsp;</p>
     <p>&nbsp;&nbsp;Termine:</p>
     <p>&nbsp;</p>
     <p>&nbsp;&nbsp;Anderes:</p>
     <p>&nbsp;</p>
     


  </div>
  
  <div id=\"Inhalt\">

Text text

</div>

</div> 
</div>
</div>
</body>
</html>

was ich noch dazu sagen muss ich bin ein umsteiger von Table auf divs des halb hab ich da noch nich so den durch blick ;)
mfg

inSane

[inSane] · #2 31.07.2008, 16:24:30

kann mir keiner helfen ?!

reinhardlange · #3 31.07.2008, 17:14:19

Hi,

wenn Du so etwas verwendest und Dich nicht intensiv mit CSS beschäftigst, dann kann Dir keiner helfen.

Das sind elementare Dinge in CSS:

div#back {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width:900px;
min-height:600;
float:center;
padding: 0 0 0 0;
background: #ffffff repeat-y;
border-right: 3px solid black;
border-left: 2px solid black;
border-bottom:3px solid black;
}

und hier der Tipp (hatte ich die Seite nicht schon einmal genannt?):

http://www.css4you.de

... und nicht nur drüberschauen und anklicken, sondern durcharbeiten !!!

Gruss Reinhard

cortex · #4 01.08.2008, 11:46:22

Zitat:

Zitat von [inSane]

float:center;

hast du dir das selbst ausgedacht?

Zitat:

Zitat von [inSane]

bitte nicht auf standart konform achten richte ich dann alles wenn geht

du hast die prinzipien einer sauberen programmierung noch immer nicht begriffen... code-validität ist keine "feature", das man nachträglich einpflegen kann.

HTML-Code:

<h2><br><br>Rosenmontagsball ´08&nbsp;&nbsp;&nbsp;&nbsp;<br><hr noshade size=\"2\" width=\"135\" align=\"right\" color=\"#FFFFFF\"></h2>

habe selten soviel schwachsinn gelesen. sorry, ich habe grosse zweifel, dass dir geholfen werden kann. ansonsten nimm dir endlich zu herzen, was dir in früheren posts gesagt wurde bzw. reinhardlange gerade wiederholt hat.

cx

ps. min-height wird nicht vom IE < 7.0 interpretiert.

cx

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!