zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Layout-Probleme mit älteren Browsern!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.07.2011, 18:26
Benutzerbild von bodoalbstadt
Rookie
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 75
bodoalbstadt befindet sich auf einem aufstrebenden Ast
Standard Layout-Probleme mit älteren Browsern!

Hallo,

ich bin gerade dabei, für einen Kunden eine Homepage zu erstellen. Eigentlich bin ich mit der Seite soweit jetzt fertig. Bei der Prüfung in verschiedenen Browsern habe ich jedoch feststellen müssen, dass zwar im Internet Explorer 9, im Firefox 4 und Firefox 5, im Opera 11.5 und im Google Chrome 12 die Seite vollkommen korrekt angezeigt wird, allerdings im Internet Explorer 8 und im Firefox 3 zum Beispiel wir das Layout etwas über den Haufen geworfen. So wird zum Beispiel oben rechts die Ecke "Winter > switch website" in sowohl im IE8 als auch im FF3 viel zu weit rechts angezeigt und das Suchfeld oben neben der Navigation im IE8 auch nicht korrekt angezeigt, im FF3 jedoch schon.

Hotels Urlaub

Kann mir jemand von Euch zufällig sagen, wie ich dieses Problem lösen kann? Ich habe jetzt schon stundenlang im Web gegoogelt und auch hier im Forum geschaut, aber ich konnte noch nichts finden dazu. Und irgendwie seh ich vor lauter Wald gerade auch die Bäume nicht mehr.

Wäre prima wenn mir jemand nen Tipp hat.

Hier mal der CSS Code von der Winter-Ecke:

Code:
.winter {
	position: relative;
	top: -60px;
	left: 367px;
}
hier der HTML Code der Winter-Ecke:

HTML-Code:
<div id="winter-corner">
        <img src="images/winter-corner.png" alt="switch to winter" border="0" usemap="#Map" class="winter" />
        <map name="Map" id="Map"><area shape="poly" coords="0,7,8,1,90,5,162,0,158,85,165,90,170,100,172,124,160,134,164,155,157,165,157,145,115,100,100,102,90,107,87,102,96,96,95,90,97,82,20,7,0,7" href="#Winter" /></map>
</div>
hier der CSS Code vom Suchfeld:

Code:
#searchfield {
	float: left;
	margin-top: 20px;
}

#searchfield input[type=text] {
	background-color: #FFFFFF;
	
	padding: 0 5px;
	margin-left: 20px;
	
	width: 140px;
	height: 30px;
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #70a942;
	font-size: 12px;
}

#searchfield input[type=submit] {
	width: 60px;
	height: 30px;
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #70a942;
	color: #fff;
	cursor: pointer;
}
und hier der HTML Code vom Suchfeld:

HTML-Code:
<div id="searchfield">
    <form>
        <input type="text" value="What are you looking for?" onBlur="if(this.value=='') this.value='What are you looking for?';" onFocus="if(this.value=='What are you looking for?') this.value='';" /><input type="submit" value="Search" />
    </form>
</div>

Grüße,

Bodo
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.07.2011, 19:13
Benutzerbild von bodoalbstadt
Rookie
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 75
bodoalbstadt befindet sich auf einem aufstrebenden Ast
Standard

Lohnt es sich überhaupt, die Seite auf Browser einzustellen, die gerade einmal wenn es hoch kommt zu 1% noch genutzt werden? Oder sollte man diese inzwischen einfach endlich auch mal außer acht lassen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.07.2011, 20:21
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Auf die schnelle geschaut mit IE7.
Auch der Kompass passt nicht (pos:absolute ohne Bezug?)

Zudem stimmt da generell was nicht, die Seite ist nicht korrekt zentriert (Scrollbalken).
#main hat 980px, darin liegende divs haben 1000px?

Also IE8 sollte imho schon gehen (Windows XP)

Manfred
Mit Zitat antworten
  #4 (permalink)  
Alt 05.07.2011, 20:34
Benutzerbild von bodoalbstadt
Rookie
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 75
bodoalbstadt befindet sich auf einem aufstrebenden Ast
Standard

Hallo Manfred,

danke für den Hinweis mit der Breite, das hab ich wohl übersehen, denn es war Anfangs auf 980 angelegt und ich habe es hinterhet auf 1000 geändert.

Was genau heißt, der Kompass passt nicht? In wie fern? Kannst Du mir das näher erklären?


Grüße,

Bodo
Mit Zitat antworten
  #5 (permalink)  
Alt 05.07.2011, 20:41
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Der Kompass klebt am rechten Bildschirmrand (siehe Bild)

Manfred
Angehängte Grafiken
Dateityp: jpg kompass.jpg (42,8 KB, 12x aufgerufen)
Mit Zitat antworten
  #6 (permalink)  
Alt 05.07.2011, 21:08
Benutzerbild von bodoalbstadt
Rookie
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 75
bodoalbstadt befindet sich auf einem aufstrebenden Ast
Standard

Oh Mann. Woher kommt das denn nun? Das Problem hatte ich jetzt noch in garkeinem Browser, egal welche Version. Das ist jetzt was ganz neues. Ich werd echt noch fuchsig. Wie kommt es denn, dass eine und dieselbe Homepage in ein und demselben Browser von PC zu PC verschieden aussehen kann? Ich versteh das echt nicht. Bei mir wird es wie gesagt nur im FF3 und im IE8 und allen Versionen darunter die Seite mit den bereits erwähnten Fehlern angezeigt. Der Kompass machte bisher weder bei mir auf verschiedenen Rechnung und unter verschiedenen Betriebssystemen und Browsern keine Probleme und genauso auch bei Bekannten und Freunden nicht. Ich verstehe das wirklich nicht.
Mit Zitat antworten
  #7 (permalink)  
Alt 05.07.2011, 21:18
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

FF3 und IE8 haben noch mehr als 1% Anteil. Sogar der IE6 hat noch deutlich über einen Prozent Anteil. Optimieren lohnt sich meiner Meinung nach als auch bei IE7, IE6 muss jeder selber wissen...

Desweiteren solltest du die hier mal verbessern:
[Invalid] Markup Validation of http://www.alb-graphics.de/hotels-urlaub/ - W3C Markup Validator
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #8 (permalink)  
Alt 05.07.2011, 22:46
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Hallo,
bereich #footer!

Anhang 4214

Gruß, Roland

Geändert von K.Roland (03.06.2012 um 12:42 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 06.07.2011, 03:03
Benutzerbild von bodoalbstadt
Rookie
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 75
bodoalbstadt befindet sich auf einem aufstrebenden Ast
Standard

Ich denke mal, ich hab nun alle Probleme behoben. Könnt Ihr da nun nochmal drüber schauen? Wäre prima.

Hotels Urlaub
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.07.2011, 10:32
Neuer Benutzer
neuer user
 
Registriert seit: 04.04.2011
Beiträge: 3
torsten_r befindet sich auf einem aufstrebenden Ast
Standard

Moin,

ich habe deine Seite mal eben mit Hilfe von FWP screenshots getestet und habe dabei gesehen, dass im IE 8 und Mozilla 3 bspw. die Suchbox noch nach unten wegfällt. Wenn du mir per PN deine Email schickst, dann kannst du dir das persönlich anschauen.

Gruß
__________________
Cross-Browser-Tests, Kompatibilitätstests Ihrer Webdesigns in den gängigsten Browsern mit www.fwpscreenshots.de
Zusätzliche Features: HTML/CSS-Validator, Screenshot-Fading, Projekt- und Benutzerverwaltung, u.v.m.
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
Probleme mit holygrail layout - background-image chrishilli CSS 8 27.01.2010 20:01
Probleme mit Layout kruemelchen26 CSS 0 15.05.2007 23:40
Positionierung und Layout Probleme dabidu CSS 9 22.10.2006 10:57
Layout Probleme SchwarzerMagier CSS 18 01.08.2006 14:06
Probleme mit Mehrspaltigem Layout RalfEggert CSS 0 27.09.2004 17:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:01 Uhr.