zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe bei gesamten CSS Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.08.2007, 14:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.08.2007
Beiträge: 1
mexxat befindet sich auf einem aufstrebenden Ast
Standard Hilfe bei gesamten CSS Layout

Hallo,

bin was CSS betrifft nicht so gut und versuche dieses Projekt in CSS ohne Tabellen umzusetzen.

Soweit schaut es in den neuen Browsern(IE 7 Firefox2 usw) auch sehr gut aus. Wenn ich die Seite dann in IE 6+IE 5.5 teste kommen die Fehler raus.

Ich hab die Seite auf netrenderer getestet für IE 6 und 5.5 und da sieht man die Fehler dann auch optisch. Leider sieht mann nur den oberen Teil der Seite. Ich hab den ganzen Code, der hier auch reinkopiert ist auch online gestellt und wär echt froh wenn mir da jemand eine Lösung nennen würde.
--> Link zum Layout

Danke schon im Voraus für die Hilfe.
Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="##" />
<meta http-equiv="content-language" content="de" />
<meta name="description" content="xxx" />	
<meta name="keywords" content="xxx" />
<title>css</title>
<style type="text/css">
	
html,body{margin:0;padding:0}
body{
	font-family: Arial, Helvetica, sans-serif; color:#2E0000;
	font-size: 75%;
}

div#container{
text-align:left
}
/* gesamter headbereich */
div#head{
	width:980px;
	\width: 1000px;
	w\idth: 980px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div#logo{
	float:left;
	width:330px;
}
div#slide{
	float:right;
	width:650px;
}

div#slide_menu{
	height:70px;
}

/* mittlere spalte mit news und galerie */
div#container_mid{
	width:980px;
	\width: 1000px;
	w\idth: 980px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#left{
	float:left;
	width:330px;
	margin-top: 5px;
}
div#container_news_gal_weekly_newsletter{
	width:650px;
	margin: 0 0 0 330px;
}

div#news{
	float:left;
	width:420px;
	margin: 5px 0 0 5px;
	height: 340px;
	background-color: #999999;
}
div#galerie{
	width:420px;
	height: 167px;
	float: left;
	margin: 5px 0 0 5px;
	background-color: #999999;
}
div#weeklyprogram{
	float:right;
	width:220px;
	margin: 5px 0 0 5px;
	height: 167px;
	background-color: #CCCCCC;
}


div#news_galerie {
	float: left;
	width: 425px;
}
div#content_footer {
	width:645px;
	margin: 0 0 5px 5px;
}

/* Spalte rechts mit weeklyextranews und newsletter */
div#weeklyextranews {
	float: left;
	width: 225px;
}

div#newsletter{
	float:right;
	clear:right;
	width:220px;
	height: 340px;
	margin: 5px 0 4px 5px;
	background-color: #CCCCCC;
}

/* footer mit impressum 980 breite und mittig */
div#footer{
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	clear:both;
	width:980px;
	margin:0 auto;
}
div#footer_poweredby {
	float: left;
	width: 330px;
	height: 55px;
	background-color: #666666;
}

div#footer_impressum {
	width: 645px;
	margin: 0 0 0 335px;
	height: 40px;
	padding-top: 15px;
	background-color: #666666;
}
	</style>
</head>
<body>
<div id="head">
<div id="logo"><img src="" alt="" name="logo" width="330" height="330" id="logo2" /></div>
<div id="slide">
<div id="slide_menu">
  <table width="650" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="515"><img src="" alt="" name="menue" width="515" height="70" id="menue" /></td>
      <td width="135"><img src="" alt="" name="music" width="135" height="70" id="music" /></td>
    </tr>
  </table>
</div>
<div id="slide_title"><img src="" alt="" name="menue_pic" width="650" height="30" id="menue_pic" /></div>
<div id="sliding"><img src="" alt="" name="slide" width="650" height="230" id="slide2" /></div>
</div>
</div>
<div id="container_mid">
<div id="left"><img src="" alt="" name="pic_left" width="330" height="600" id="pic_left" /></div>
<div id="container_news_gal_weekly_newsletter">
<div id="news_galerie">
<div id="news">
<p>1) News here. 
</div>
<div id="galerie">
</div>
</div>
<div id="weeklyextranews">
<div id="weeklyprogram"></div>
<div id="newsletter"></div>

</div>
<div id="content_footer"><img src="" alt="" name="footer_content" width="645" height="84" id="footer_content" /></div>
</div>
</div>
<div id="footer">
<div id="footer_poweredby"></div>
<div id="footer_impressum"></div>
</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite! Web4Live CSS 2 13.07.2011 17:01
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 05:11
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Layout selbst coden - Hilfe ! kgsbm CSS 4 25.03.2008 20:25
CSS Layout - ist das so möglich? berlina CSS 18 12.02.2007 22:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:05 Uhr.