boyge
Threadersteller
Dabei seit: 21.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 21.06.2010 14:17
Titel Zeilenumbruch in einem Div |
  |
|
Hallo zusammen,
ich weiß nicht ob ich hier richtig bin aber ich versuche es einfach mal hier.
Ich habe folgendes Problem.
Ich nutze Joomla als CMS und habe dafür ein einfaches Template erstellt.
Dies sieht so aus:
| Code: |
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php
echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="Haupt">
<div id="Kopf"><a href="<?php echo $mainframe->getCfg('live_site'); ?>" id="logo" title="<?php echo $mainframe->getCfg('sitename'); ?>"></a></div>
<div id="clear"></div>
<div id="Menuaufbau">
<div id="Menu"><jdoc:include type="modules" name="kopfmenu" /></div>
<div id="clear"></div>
</div>
<div id="Mitte">
<div id="Trennlinie"> </div>
<div id="Hauptbereich">
<div id="Info"><jdoc:include type="message" /></div>
<div id="Inhalt"><jdoc:include type="component" /></div>
</div>
<div id="Trennlinie"> </div>
<div id="Fuss"><jdoc:include type="modules" name="fuss"/></div>
</div>
<div id="Fussabstand"> </div>
</div>
</body>
</html>
|
Soweit arbeitet auch alles ganz gut. Nur im IE 6 7 und 8 habe ich das Problem das in der erzeugen Menüleiste (div=Menu) kein Zeilenumbruch gemacht wird. Im Chrome, Firefox 3, und Safari klappt dies ohne Probleme.
Die Menüelemente werden in jeweils einer geschlossenen Tabelle erzeugt. Also pro Element eine Tabelle mit <table> </table>. Der W3C Validator spuckt keine Fehler aus.
Die CSS siht so aus:
| Code: |
#Haupt {
width: 952px;
margin: 5em auto;
}
#Trennlinie {
background:url(../images/line.jpg) 0 0 no-repeat;
height: 8px;
}
#Kopf {
padding: 0px;
height:125px;
}
#Mitte {
background:url(../images/strg.png) 0 0 repeat-y;
}
#Menuaufbau {
background:url(../images/strg.png) 0 0 repeat-y;
width: 952px;
padding: 0px;
}
#Menu {
position: relative;
Margin-left: 18px;
width: 100%;
font-family: Verdana;
width: 934px;
float:left;
max-width: 934px;
}
#Hauptbereich {
Margin: 10px 20px 5px 20px ;
}
#Inhalt {
}
#Fuss {
text-align: center;
background:url(../images/rahmenu.png) 0 0 repeat-x;
background-position: bottom;
font-size: 11px;
}
#Fussabstand {
padding: 0px;
height : 10px;
margin: 0px 0px 0px 0px;
}
#logo {
display:block;
width:952px;
height:125px;
background:url(../images/head.jpg) no-repeat 0px 0px;
}
#clear {
clear: both;
}
|
Vielleicht könnt Ihr mir helfen.
MfG
Daniel
[Thema verschoben von 'Software NonPrint']
Zuletzt bearbeitet von Kash am Mo 21.06.2010 14:28, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
