Noch nicht viel geschrieben
Hi,
brauche bitte eure Hilfe:
Bin gerade dabei eine Seite zu gestalten, komme aber gerade an meine Grenzen. Im Firefox werden die Seiten gut sichtbar dargestellt. Im IE 7&8 werden Seiten entweder nicht angezeigt oder auch mit Balken zum verschieben angegeben. (siehe Bild)
Hier der Quelltext:
Hier meine CSS:
Hier mal der komplette Link:
Bin euch für jede Antwort dankbar - vielleicht liegt hier ja auch ein "Grundlegender Fehler" bei meiner Erstellung vor!
DAnke und Gruß
Chris
brauche bitte eure Hilfe:
Bin gerade dabei eine Seite zu gestalten, komme aber gerade an meine Grenzen. Im Firefox werden die Seiten gut sichtbar dargestellt. Im IE 7&8 werden Seiten entweder nicht angezeigt oder auch mit Balken zum verschieben angegeben. (siehe Bild)
Hier der Quelltext:
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=iso-8859-1" />
<title>TROYTEC - SPEEDBIKES.MUNICH</title>
<link href="" rel="stylesheet" type="text/css" />
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src="">
</script>
</head>
<body>
<div id="site">
<div id="headbg">
<div id="links">
<div id="meta"><a href="">home</a> | <a href="">über uns</a> | <a href="">produkte</a> | <a href="">fertigung</a> | <a href="">presse</a> | <a href="">partner</a> | <a href="">kontakt</a> | <a href="">impressum</a> | <a href="">agb</a></div>
</div>
<div id="rechts">
<div id="logo"><img src="" alt="logo" width="300" height="55" /></div>
</div>
</div>
<div id="head"><img src="" alt="trenner" /></div>
<div id="free"></div>
<div id="flash">
<script type="text/javascript">
featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [30000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent">
<img src="" style="float: left; padding: 5px" />
British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland.
</div>
<div class="glidecontent">
<img src="" style="float: right; padding: 5px"/>
Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry.
</div>
<div class="glidecontent">
<img src="" style="float: left; padding: 5px"/>
Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts.
</div>
</div>
<div id="p-select" class="glidecontenttoggler">
<a href="" class="prev">Zurück</a>
<a href="" class="toc">Seite 1</a> <a href="" class="toc">Seite 2</a> <a href="" class="toc">Seite 3</a>
<a href="" class="next">Vor</a>
</div>
</div>
</div>
</body>
</html>
Code:
#site {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 100%;
width: 890px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
overflow:auto;
}
body {
margin: 0px;
padding: 0px;
background-image: url(../images/bg/bg2.gif);
background-repeat: repeat-x;
overflow:auto;
}
#links {
float: left;
width: 590px;
}
#rechts {
float: right;
width: 300px;
}
#logo {
margin-top: 32px;
}
#meta {
float: left;
margin-top: 72px;
font-size: 10px;
width: 590px;
color: #808081;
}
#meta a:link {
color: #808081;
text-decoration: none;
padding: 1px;
}
#meta a:hover {
color: #E61A26;
text-decoration: none;
}
#meta a:visited {
color: #E61A26;
text-decoration: none;
color: #808081;
text-decoration: none;
}
#meta a:active {
color: #E61A26;
text-decoration: none;
color: #EB2032;
text-decoration: none;
}
#head {
width: 890px;
padding-top: 4px;
padding-bottom: 2px;
}
#headbg {
height: 89px;
width: 890px;
}
#free {
height: 7mm;
}
#bodyperson {
width: 890px;
height: 400px;
top: 0px;
position: fest;
background-repeat: no-repeat;
}
#text {
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
height: 300px;
width: 300px;
text-align: justify;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}
#textlinks {
height: 185px;
width: 140px;
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
float: left;
}
#bodypersonbox {
height: 400px;
width: 890px;
margin: 0px;
}
#bodypersonboxtop {
width: 890px;
height: 400px;
}
Bitte kostenlos registrieren, damit du die Links siehst.
Bin euch für jede Antwort dankbar - vielleicht liegt hier ja auch ein "Grundlegender Fehler" bei meiner Erstellung vor!
DAnke und Gruß
Chris
