Komme bei Div-Template einfach nicht weiter

**Lareth** · 05.05.2008 08:54

Hallo,

ich bin am verzweifeln. Folgendes Layout möchte ich realisieren:

Dazu benutze ich folgenden, noch unvollständigen Code:

HTML

Code:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta **********="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/madeyourweb/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>	
</head>
<body id="body_bg">
<div id="inhalt">
 <div id="main1">
	<div id="left">
                 <?php mosLoadModules ( 'left',-3 ); ?>
        </div>
	<div id="middle">
                         <?php mosMainBody(); ?>   
        </div>
	<div id="right">
                 <?php mosLoadModules ( 'right',-3 ); ?>
        </div>
	<div class="cleaner">&nbsp;</div>
 </div>
</div>
</body>
</html>

CSS:

Code:

html, body {
      font: 11px Tahoma, Arial, Verdana;
      margin: 0;
      padding: 0 0px;
      color: #000000;
      height: 100%;
}

#body_bg {
      height:100%;
      width:100%;
      background: #ffeeb4 url('../images/back_verlauf.jpg') repeat-x;
}
#inhalt{
     margin:0 auto;
     margin-top:213px;
     background: url('../images/horiz_content.png') repeat-y;
     width:726px;
     height:auto;
}

#main1{
     padding-left:13px;
}

//allgemein Navibereich

//linker Navibereich

#left{
     float:left;
     width:125px;
}

#left div.module {
	background-image:url(../images/left_mod_mid.png);
	width: 125px;
	background-repeat: repeat-y;
}
#left div.module div{
        padding-bottom:15px;
	background-image:url(../images/left_mod_bot.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#left div.module div div{
	background-image:url(../images/left_mod_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#left div.module div div div{
  background: none;
  padding: 0px 2px 0px 2px;
  width: auto !important;
  width: 100%; 
}


#left div.module h3{
     padding-top:5px;
     text-align:center;
     color:#000000;
     font-size:13px;
}

//Inhaltsbereich

#middle{
     padding:2px;
     margin-left:126px;
     border:1px solid black;
}
.contentpaneopen{
     width:auto;
     color:#000000;
     border: 1px solid #000000;
     margin:5px 5px 5px 5px;
}

.blog{
     width:auto;
     color:#000000;
     border: 1px solid black;
}

#right{
     float:right;
     margin-left:10px;
     width:125px;
}

.cleaner {
      clear:both;
      height:0px;
      font-size:1px;
      border:none;
      margin:0; padding:0;
      background:transparent;
}

Wie man auf der Seite (www.rideinn.de) sehen kann, rutscht der Main-Content unter die linke Navi trotz float:left und die borders, die ich setze, wenn ich etwas nicht verstehe um zu schauen wie die Container aussehen werden nichtmal angezeigt.

Sicher mach ich irgendwas falsch. Aber ich komm einfach nicht drauf, was.
So langsam gerate ich in Versuchung es wieder mit Tabellen zu machen, auch wenn das nicht so toll ist >.<

**jacxx** · 05.05.2008 09:00

Widht: auto

versuch mal in % oder feste Werte zu ändern

**Lareth** · 05.05.2008 09:06

Wo meinst du jetzt speziell? Beim Content? Da habe ich jetzt eine Begrenzung von 350 px rein.

Vor allem wundert mich ja warum nirgends Rahmen erstellt werden können. Dann könnte ich die Breiten ja einfach sehen.

**jacxx** · 05.05.2008 09:10

http://www.rideinn.de/index.php?tp=1

Left Modul mal feste Breite setzen...

**Lareth** · 05.05.2008 09:22

Der Witz ist ja, dass ich das gemacht habe. Ich habs jetzt momentan sogar mal bisschen übertrieben und überall ein width:125px; eingetragen. Wird ignoriert.

**jacxx** · 05.05.2008 09:25

#middle{
padding:2px;
margin-left:126px;
border:1px solid black;
}

Margin wir auf das Modul bezogen.. mach mal margin: 5px;

**Lareth** · 05.05.2008 09:29

Hab ich gemacht, aber bringt nichts.
Habe mir mal das Firefox-Add-On "CSS Viewer" installiert, und der zeig mir an, dass meine #left, also meine eigentlich fest definierte Div-Box 726px breit ist. Das versteh ich einfach nicht. Habe da ja eine Breite festgelegt.

**jacxx** · 05.05.2008 09:34

Div Left = 100%
#Modules.. haben die richtige Breite..
Und <div id="inhalt"> vor Left???
Wieso eigentlich alles im Frameset?

**Lareth** · 05.05.2008 09:39

ja, eben. ich weiß nicht warum er das macht. Ich habe nirgends festgelegt dass die 100% breit sein soll.

DIe Seite liegt bei 1und1 auf einer bereitsbestehenden Seite in einem Unterordner. Finde auch dass das ne blöde Lösung ist, aber da ich keinen neuen Webspace bestellen will, wo auf dem alten noch so viel Platz frei ist, ist das die einzige die 1und1 mir bietet.

**jacxx** · 05.05.2008 09:41

Das hat ja mit dem Frameset nix zu tun.. installiere es mal in einem normalen Ordner..

Thema: Komme bei Div-Template einfach nicht weiter

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Komme bei Div-Template einfach nicht weiter

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen