Webstatt.org - Community seit 2006 - 2012 (2024?)

Autohaus - Update: IE Bug?

Avatar user-297
29.03.2009 19:29
Ich gestalte für ein Autohaus eine neue Page. Ich würde mich über ein kurzes Feedback freuen, was euch an dem Entwurf gut und was euch weniger gut gefällt.
Fachabi 2007
user-137
29.03.2009 20:13
hallo,

was mir persönlich als erstes aufgefallen ist, ist das ich z.B. das Menü erst kurz suchen musste, es fällt nicht besonders auf. Es wirkt alles noch sehr gleich und etwas langweilig. Ein paar Highlights wären angebracht, z.B. anstatt der * als Menüpunkte etwas was mehr ins Auge springt.

Mfg. BNS
Avatar user-159
29.03.2009 20:21
- Schriftart würde ich ne andere wählen glaub ich, gefällt mir grad so nicht
- "*" als menüpunkte ändern.. vll ne kleine grafik oder sowas
- das suzuki logo oben rechts in der ecke wirkt so gequetscht


ansonsten gefällt es mir eigentlich.
user-150
29.03.2009 22:39
viel besser als die Version, die du mir mal gezeigt hast!!
Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
Avatar user-297
30.03.2009 13:34
ich hab jetzt im ersten Post eine neue Version hochgeladen. Durch die Farbänderungen halte ich mich eher an die CI und mache aufs Menü aufmerksam (aktive Site = rote Schrift). Zudem ist das Menü nun 100% weiß, was mehr auffällt.
Fachabi 2007
Avatar user-297
08.04.2009 13:11
Habt ihr eine Idee, wie der Fehler im IE zustande kommt?

es handelt sich um eine Div-Box mit dynamischer Höhe, in der unten eine Grafik eingebettet ist. Im Quelltext wird die Div-Box direkt nach dem <img /> Tag geschlossen. Padding und Margin der Div Box und der Grafik sind auf 0.

<?xml version="1.0" encoding="iso-8859-1"?><!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>

<title>Autohaus Sch&ouml;llhorn</title>

<meta http-equiv="Content-Type" content="text/html; " />

<style type="text/css">

body {text-align: center; background:#EAEAEA; margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size:12px;}

a:link{color:#004ea0; text-decoration:none; font-weight:normal;}

a:visited{color:#004ea0;text-decoration:none; font-weight:normal;}

a:hover{color:#004ea0;text-decoration:none; font-weight:bold;}

a:visited:hover {color:#004ea0;text-decoration:none;  font-weight:bold;}

#hauptbox {margin-left:auto; margin-right:auto; margin-bottom: 0px; padding:0px;width: 930px; background: url(contentbg.gif);}

#header { height: 118px; background:url(headerbg.gif); margin-left: 11px; margin-right:13px;}

#logo {margin-top: 20px; margin-left: 10px; float:left;}

#headerimg {margin-top: 5px; float: right;}

#body {padding-bottom: 0px;margin-left: 11px; margin-right:13px; background: url(headerverlauf.gif); background-repeat:repeat-x;}

#navbox {text-align:left;float:left;margin-left: 5px; margin-right: 5px;}

#navbox ul {color:#E30007; font-weight:bold;}

#navbox li {list-style-image: url(aufzaehlung.gif)}

#navbox1 {padding:1px;width: 116px; background: white url(navboxheader1.gif); background-repeat: repeat-x;}

#navbox2 {padding:1px;width: 116px; background: white url(navboxheader2.gif); background-repeat: repeat-x;}

#content {text-align:left;float:left;width: 630px;background: white url(headline.gif);background-repeat: repeat-x;border: solid white 1px;margin: 0px;float:left;padding-left: 5px;padding-right: 5px;padding-top: 3px;padding-bottom: 5px;	float: left;}

#sidebar {float:left;margin-left: 5px; margin-right: 5px;}

#sidebar1 {padding:1px;width: 123px;;float:left;background: #345A6A url(sidebarheader.gif);background-repeat: repeat-x;}

h1{color: white;padding: 0px;margin: 0px;font-size: 24px;}



#map {padding: 0px; margin:0px;}



a:link.alto {display:block; width: 560px; height:150px; background: #E00178 url(files/alto.jpg);}

a:visited.alto {display:block; width: 560px; height:150px;background: #E00178 url(files/alto.jpg);}

a:hover.alto {display:block; width: 560px; height:150px; background: #E00178 url(files/alto2.gif);}

a:visited:hover.alto {display:block; width: 560px; height:150px;background: #E00178 url(files/alto2.gif);}



a:link.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash_page.jpg);}

a:visited.splash{display:block; width: 560px; height:150px; background: #88CCCB url(files/splash_page.jpg);}

a:hover.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash2.gif);}

a:visited:hover.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash2.gif);}





a:link.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx4.jpg);}

a:visited.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx4.jpg);}

a:hover.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx42.gif);}

a:visited:hover.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx42.gif);}





a:link.grandvitara {display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara.jpg);}

a:visited.grandvitara{display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara.jpg);}

a:hover.grandvitara{display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara2.gif);}

a:visited:hover.grandvitara{display:block; width: 560px; height:150px;background: #AFA790 url(files/grandvitara2.gif);}



a:link.jimny {display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny_page.jpg);}

a:visited.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny_page.jpg);}

a:hover.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny2.gif);}

a:visited:hover.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny2.gif);}





#neuwagenfooter {color: white;width: 558px; background:#013145; border: 1px solid #000000;}

#neuwagenfooter a {color: lightblue;}

#neuwagenfooter span {float:right;}



#navheadline {color: #ffffff; font-weight:bold;}

#navbox ul {margin: 0px; padding-left: 15px; padding-top: 10px; padding-bottom: 5px;}

</style>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />



</head>



<body>

<div id="hauptbox">

  <div id="header"><img id="logo" src="logo.gif" width="256" height="74" /><img id="headerimg" src="header.jpg" width="464" height="103" /></div>



  <div id="body">

 

  

  	<div id="navbox">

		<div id="navbox1">

<span id="navheadline">

Das Autohaus</span>

<ul><li><a href="index.php?article_id=1" target="_self">Aktuelles</a></li><li>Unser Team</li><li><a href="index.php?article_id=6" target="_self">&Ouml;ffnungszeiten</a></li><li><a href="index.php?article_id=7" target="_self">Kontakt</a></li><li><a href="index.php?article_id=10" target="_self">Impressum</a></li></ul>



        </div>



		<div id="navbox2">

<span id="navheadline">

Fahrzeuge</span>

<ul><li><a href="index.php?article_id=2" target="_self">Neuwagen</a></li><li><a href="index.php?article_id=8" target="_self">Gebrauchtwagen</a></li><li><a href="index.php?article_id=9" target="_self">Probefahrt</a></li></ul></div>

    	</div>

	

		

		

		 <div id="content">





<!-- WYSIWYGImage 1.7 -->

<div class="wysiwygimg">



<div class="wysiwygimgtext">

<h1>Unser Team</h1><p>Der Team-Bereich wird derzeit &uuml;berarbeitet. </p>

</div>

<div class="wysiwygimgclear"></div>

</div>

		

   	</div><div id="sidebar">

		<div id="sidebar1">Seitenleiste<p>In K&uuml;rze sehen Sie hier aktuelle Sonderangebote.</p></div>

	</div><br clear="all"/><br />





    

  </div> 

  <img src="footer.gif" width="930" height="35" border="0" usemap="#Map" /> 

  <map name="Map" id="Map">

    <area shape="rect" coords="522,3,640,17" href="#" />

  </map>

</div>



</body>

</html>
Fachabi 2007