php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 08.06.2006, 03:34  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard CSS - align="right" nur Im Opera. Firefox und IE n

Hallo,
Ich habe mir mal ein CSS Template geschnapt und darauf versuche ich gerade eine Seite aufzubauen.
Soweit, so gut.
Jetzt stehe ich vor dem Problem das Firefox und der IE es genau so anzeigt wie ich es gerne hätte, nur der Opera "springt aus der Reihe".

Hier der Link

Das Problem ist ganz unten das Feld mit den Ergebnissen.
Im IE und Firefox steht dieses Feld links neben der Navigation, im Opera ist dieses Feld rechts. Auch der Text ist im Opera rechtsbündig.

Wie kann ich dem Opera sagen das es Links hin soll.
Hier der Auszug aus der HTML:

Code:
<div id="bodyblock" align="right"> 
    <div id="navigation">
	  <div id="trenner_oben"></div>
      <div id="ausschreibungen">Zu den Ausschreibungen vom Ibergrennen</div>
    <div id="fotos">Hier finden sie die Fotos vom Ibergrennen</div>
    <div id="links">Links</div>
    <div id="zimmer"><a href="#">Sie suchen Zimmer in Heiligenstadt? Dann schauen 
      sie mal hier!</a></div>
    <div id="gaestebuch">Schreiben sie in unser Gästebuch!</div>
    <div id="unsere_fahrer"><a href="#">Hier stellen wir die Fahrer vom Motorsportclub 
      Heiligenstadt vor.</a></div>
      <div id="team">Das Organisationsteam stellt sich vor.</div>
    <div id="trenner_unten"></div>
    <div id="sponsor">Das Bergrennen in Heilbad Heiligenstadt wird gesponsort 
      von:</div>
	  </div>
    <div id="inhalt"> 
      <div id="newsheader">
        <h1>Neuigkeiten vom Ibergrennen in Heilbad Heiligenstadt</h1></div>
      <div id="news">Der Starttext...</div>

<div id="ergebnisseheader">
        <h1>Ergebnisse - Die Rennergebnisse</h1></div>
      <div id="ergebnisse">Hier der Text der Verrückt werden soll</div></div>
  </div>
Hier die CSS:

Code:
#bodyblock {
 position:relative;
 background: #FFFFFF;
 color: #333333;
 width:700px;
 padding:0;
 background: url(images/navi_bg.jpg);
 background-repeat: repeat-y;
 }

#navigation {
 float:left;
 background:#FFFFFF;
 color: #000000;
 width:212px;
 padding:0;
 margin:0;
 background: url(images/navi_bg.jpg);
 background-repeat: repeat-y;
 }
#inhalt {
 width:488px;
 background:#ffffff;
 color: #000000;
 text-align:left;
 }
/*Extrawurst für den Internet Explorer*/
* html div#inhalt {
float:left
}
#newsheader {
	position:relative;
	text-indent:-5000px;
	height: 124px;
	width:485px;
	left: 0px;
	top: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: left;
	z-index: 3;
	visibility: visible;
	overflow: visible;
	background: url(images/artikel_news.jpg) no-repeat;
	}
#news {
	position:relative;
	width:460px;
	left: 8px;
	top: -10px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	z-index: 3;
	}
#ergebnisseheader {
	position:relative;
	text-indent:-5000px;
	height: 139px;
	width:241px;
	left: 0px;
	top: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: left;
	z-index: 3;
	visibility: visible;
	overflow: visible;
	background: url(images/artikel_ergebnisse.jpg) no-repeat;
	}
#ergebnisse {
	position:relative;
	width:230px;
	left: 8px;
	top: -10px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	z-index: 3;
	}
Ich denke das es Opera eigentlich richtig macht, denn ich habe dem DIV bodyblock align="right" gesagt, aber wenn ich das weglösche passt nichts mehr.
__________________
Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.
scheibo ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 08.06.2006, 12:27  
Erfahrener Benutzer
 
Registriert seit: 16.02.2006
Beiträge: 303
tinchen
Standard

Was mich sehr irritiert ist, dass du ein CSS Template machen möchtest und trotzdem Attribut wie align="center", align="right" verwendest. Dass kann man doch alles bequem via CSS machen. Wenn du den Weg komplett über das CSS machst und HTML und CSS valide sind, sollte es bis auf den Box-Breiten Fehler im IE keine weiteren Probleme geben.

Zudem solltest du dir mal etwas zum Thema "Div Suppe" anschauen, google liefert da bestimmt einiges.

Gruß
Tine
tinchen ist offline   Mit Zitat antworten
Alt 08.06.2006, 12:40  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard

Das es eine"DIV Suppe" ist weiß ich, ich räume sowas meistens erst zum schluß auf. :wink:

Aber mein Problem besteht noch immer
__________________
Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.
scheibo ist offline   Mit Zitat antworten
Alt 08.06.2006, 12:41  
Erfahrener Benutzer
 
Registriert seit: 16.02.2006
Beiträge: 303
tinchen
Standard

Versuch es doch bitte mal ohne die Attribute und mach es komplett mit CSS.

Gruß
Tine
tinchen ist offline   Mit Zitat antworten
Alt 08.06.2006, 12:48  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard

Kann ich denn in css align="right" verwenden? Ich glaube nicht, oder?


Denn align="right" setzt doch alles rechtsbündig und text-align: right nur den Text, oder täusche ich mich da?
__________________
Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.
scheibo ist offline   Mit Zitat antworten
Alt 08.06.2006, 13:14  
Erfahrener Benutzer
 
Registriert seit: 07.06.2005
Beiträge: 274
imported_kremser
Standard

hab mir das ganze in der nacht schon angesehen, bin aber auf nichts gekommen...

warum nimmst du nicht einfach einen table? ist zwar nicht ganz so schön vielleicht
mitten in den ganzen divs aber wäre sicher eine lösung..

text-align und align sind meines wissens das gleiche
imported_kremser ist offline   Mit Zitat antworten
Alt 09.06.2006, 16:58  
Erfahrener Benutzer
 
Registriert seit: 21.01.2006
Beiträge: 157
down in the dumps ist zur Zeit noch ein unbeschriebenes Blatt
Standard

text-align und align sind dasselbe.

Man benützt keine Divs für eine Navigation!

Edit: http://www.css4you.de/Texteigenschaften/text-align.html
text-align sollte auch von Opera richtig interpretiert werden. Siehe Link.
down in the dumps ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox / IE - ungeahnte Statistik pepe24 Off-Topic Diskussionen 10 30.04.2007 16:46
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)! vampsoftchef HTML, Usability und Barrierefreiheit 1 28.02.2007 00:22
templates oder css mit firefox rbs_phoenix HTML, Usability und Barrierefreiheit 1 30.10.2006 15:24
Firefox und Opera stellen Frame-Border nicht dar saibot HTML, Usability und Barrierefreiheit 3 24.04.2006 11:55
[Erledigt] window.location.href mit firefox HTML, Usability und Barrierefreiheit 15 18.11.2005 17:49
Firefox läd ewig HTML, Usability und Barrierefreiheit 2 03.11.2005 11:28
IE != Opera seejay HTML, Usability und Barrierefreiheit 1 21.10.2005 08:33
[Erledigt] shiftKey bei Firefox abfragen HTML, Usability und Barrierefreiheit 2 05.08.2005 15:08
Deer Park Alpha 1 (=Mozilla Firefox 1.1) Off-Topic Diskussionen 15 09.07.2005 02:32
[Erledigt] verfluchter Firefox HTML, Usability und Barrierefreiheit 5 08.07.2005 22:51
RGB im IE anders als im Firefox ! Cyberbob_at_tot HTML, Usability und Barrierefreiheit 9 29.06.2005 17:47
DIV IE opera und FireFox: Bei FF und O kein BG silverghost HTML, Usability und Barrierefreiheit 11 22.06.2005 20:15
abstrakte unterschiede zwischen ie und opera HTML, Usability und Barrierefreiheit 8 12.03.2005 19:54
Links gehen nicht in Opera u. Firefox, IE aber wohl... HTML, Usability und Barrierefreiheit 8 25.01.2005 16:11
pulldown funktioniert nicht bei firefox und opera HTML, Usability und Barrierefreiheit 7 30.10.2004 12:52

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css align right, css opera abfragen, rechtsbündig css, align right css, ie div=align left, text-align css opera, css alignright, css right ie, align right opera, <div align=\right\> php, php align right, php text align right, www.aling.de, opera align=\right\, html right-aligned, div align right, html text internet explorer align fehler, default css ie firefox text-align, php text-align firefox, text-align:right firefox

Alle Zeitangaben in WEZ +2. Es ist jetzt 04:24 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.