www.world-of-sailing24.com

[sailor]

Hallo zusammen,

ich wäre erfreut von euch ein Feedback zu meiner ersten Seite zu bekommen. Bitte bei euren Kommentaren beachten, bin absoluter TYPO3 und HTML / CSS Anfänger.
Mein Registrierporzess "Anmelden" und die Newsletterregistrierung
sind noch nicht fertig. Arbeite noch dran. (Langes Tal der Tränen)

Mit Internet Explorer wird die Seite ohne probleme angezeigt, aber mit Firefox soll es wohl Probleme geben. Vielleicht kann mir hier jemand einen Tip geben.

World-of-Sailing24.com: Homepage

Grüße aus München
Sailor Kim

[merry123]

Hallo Kim,
wenn ich die Seite mit dem Firefox aufmache, dann wird die rechte Menüleiste vom Inhalt nach unten gedrückt. Offensichtlich stimmt das Zusammenspiel von DIV im HTML-Template und deren Formatierung im CSS nicht. (Sofern das ein 3-Spalten Layout sein sollte).

<!-- ###DOCUMENT_BODY### START-->
	<div id="container">
	<div id="header">
	<!-- ###TOPNAV### START -->
	<div class="topnav"> <a href="#">Navigation One</a> </span> <span class="topnav_act"><a href="#">Navigation two</a> </div>
	<!-- ###TOPNAV### END -->
	</div>

	<div id="wrapper">
	<div id="main-content">  
	<!-- ###CONTENT### START-->
	<H2>- Title -</H2>
	<P>this is the where center content goes</P>
	<!-- ###CONTENT### END-->
	</div> 

	<div id="right-content">

	<br>
	<!-- ###CONTENT_RIGHT### START-->
	<H2 align="justify">- Title -</H2>
      <p>this is the where right content goes</p>
	<!-- ###CONTENT_RIGHT### END-->
	
	</div>

	</div>
	<!-- end #wrapper -->

	<div id="left-content">

	<!--###VERTNAV### START-->
	<div class="vertnav1"><a href="#">Level 1 item</a></div>
	<div class="vertnav1-act"><a href="#">Level 1 item active</a></div>
	<div class="vertnav2"><a href="#">Level 2 item</a></div>
	<div class="vertnav2-act"><a href="#">Level 2 item active</a></div>
	<div class="vertnav3"><a href="#">Level 3 item</a></div>
	<div class="vertnav3-act"><a href="#">Level 3 item active</a></div>
	<!--###VERTNAV### STOP-->
	<br>
	<!-- ###CONTENT_LEFT### START-->
	<H2 align="justify">- Title -</H2>
      <p>this is the where left content goes</p>
	<!-- ###CONTENT_LEFT### END-->
	
	</div>

	<div id="footer">
&nbsp;
	</div>
	
	

	<!-- end #container --> 
	</div>

	<!-- ###DOCUMENT_BODY### END-->

und dazu folgendes CSS:

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background:#FFFFFF;
}

#container {
border:1px solid #7EBFD8;
top:0px;
background:url(../images/background.gif) 0 0 repeat; position:relative;
width:770px;
margin:0 auto;
text-align:left;
}

#header{
clear:both;
text-align:left;
padding:0px;
top:0px;
left:0px;
width:770px; height:146px; background:url(../images/header.jpg) 0 0 no-repeat; position:relative;
z-index: 10;
}

#left-content {
float:left;
width:175px;
position:relative;
top:2px;
left:0px;
}

#wrapper {
float:right;
width:570px;
}

#main-content {
float:left;
width:385px;
position:relative;
top:2px;
left:-10px;
padding-bottom:5px;
}

#right-content {
float:right;
width:175px;
position:relative;
top:2px;
}

#footer{
clear:both;
text-align:left;
font-size:10px;
border-top:1px solid #95BECD;
background:#FFFFFF;
padding:4px;
}

Das ergibt ein dreispaltiges Layout, das auch im Firefox funktioniert.
Was mich dringend interessieren würde: wie hast Du die Aufteilung des Menüs in zwei Tele hinbekommen? So etwas suche ich hier gerade und kriege es nicht hin.

Grüße, Merry

[sailor]

Hallo Marry,

danke erstmal für dein Script, werde es gleich mal ausprobieren.
Hatte mir Freitag abend alles zerschossen.

Was meinst du mit:
"Was mich dringend interessieren würde: wie hast Du die Aufteilung des Menüs in zwei Tele hinbekommen? So etwas suche ich hier gerade und kriege es nicht hin."

Meinst du die Unterteilung des Navibuttoms in zwei Zeilen, da der Text zu lang ist?

Gruß
Sailor Kim

[merry123]

Hallo Kim,
nö ich meinte eigentlich die Aufteilung des Menüs in zwei Blöcke. Oder ist das etwa auch eine Fehlfunktion?
Wenn ich mir die Seiten ansehe, dann gibt es links einen blauen Menüblock der bis zum Link 'Suche' geht. Rechts auf der Seite befindet sich ein weiterer Menüblock mit den Links von 'Bücherecke' bis 'soziales Engagement'.
Ich suche nach einer (einfachen) Möglichkeit, mein Navigationsmenü das im Moment noch an einem Stück auf der linken Seite meiner Webpräsenz liegt, auch so in zwei unabhängige Blöcke aufzuteilen.

Grüße, Merry

[sailor]

Hallo Merry,

die Seite ist nun neu gestaltet und endlich dank dem Mustertemplate von JWeiland.net auch für alle Browser geeignet.

Schaut mal rein und sagt mir wie euch die Seite gefällt.
Home

Ahoi aus München
Kim