Hallo ,
ich mache erste Schritte mit TemplaVoila.Meine HTML Vorlage arbeitet mit div-boxen die mit float:right und float:left angeordnet sind.
Wenn ich mir die Seite im IE, Firefox und Opera anschaue ist alles super.Templavoila zerschießt die Seite aber total.
Muß man bei TemplaVoila in dieser Hinsicht etwas besonderes beachten ? Eine Krückenextension installieren oder etwas ähnliches ? Oder sollte man besser mit Tabellenlayout arbeiten?
Habe bisher keine Hinweise gefunden das TemplaVoila "css Schwächen" besitzt.
Danke für Tips
HI beelzebub,
ich verwende auch Templavoila mit floating div-containern. In der Tat ist das Design im Eimer wenn Du es mit Templavoila ansiehst. Aber Du kennst ja Deinen Code und mit etwas Phantasie findest Du trotzdem die richtigen Tags.
Natürlich ist das Design im Frontend dann wieder genau so wie Du es willst.
... sofern der Pfad zu Deinen Style-Sheets noch stimmt.
hilft Dir das weiter?
Sareen
Du meinst die Previw-funktion kann die float divs nicht richtig darstellen.
OK
Leider sieht es in den anderen Browsern nicht besser aus.Ich mach da wohl mapping-fehler.
Muss man bei verschachtelten divs immer ein containerelement mappen in dem die restlichen divs gemappt sind ?
Ich werde heute Abend mal meine Versuche posten.Muss leider grad mal weg
Egal was ich versuche immer das gleiche problem.
Erstmal mein HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>blablabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="template.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="banner" ><img src="../images/logo.gif" width="289" height="154" alt="" border="0" /></a>
</div><!-- end banner -->
<div id="menueleiste" >
<h1> Hier steht da Menü</h1>
</div><!-- end menueleiste -->
<div id="content" > hghgjhgjhghjgjhghjgjhgjhgjhgjhgjhgj
</div><!-- end content -->
<div id="contentrechts" ><h2>Menue links</h2>kjgkgggggjhgjh
<img src="../images/glas.jpg" width="257" height="172" alt="" border="0" /></a>
</div><!-- end contentrechts -->
<div id="footer"><h1>Content Management mit Typo3</h1></div>
</div><!-- end container -->
</body>
</html>
Das problem ist das bei der Quelltextanzeige immer das </div><!-- end container -->
fehlt
<body>
<div id="container">
<div id="banner"><a href="http://www."><img src="fileadmin/templates/../images/logo.gif" width="289" height="154" alt="" border="0" /></a>
</div><!-- end banner -->
<div id="menueleiste">
<h1> Hier steht da Menü</h1>
</div><!-- end menueleiste -->
<div id="content"><!--TYPO3SEARCH_begin--><!--TYPO3SEARCH_end--></div><!-- end content -->
<div id="contentrechts"></div>
</div><!-- end contentrechts -->
<div id="footer"><h1>Content Management mit Typo3</h1></div>
</body>
</html>
Wie man sieht wird nach dem footer kein schliessendes div mehr angezeigt. Kann ja so nichts werden. Stöhn
Gemapt habe ich auf unterschiedliche Arten. Hab schon vieles probiert.
Beispielmapping:
ROOT auf body -> inner ->container for elements
container -> inner ->container for elements
content -> inner ->Element
contentrechts -> inner ->Element
Hab es auch ohne (container -> inner ->container for elements) probiert.
Alles ohne Erfolg