FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: <hr> im Firefox zentrieren geht nich! vom 18.06.2006

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> <hr> im Firefox zentrieren geht nich!
	Seite: 1, 2 Weiter

Autor

Nachricht

ronny0815
Threadersteller

Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 42
Geschlecht: Männlich

Männlich

Verfasst So 18.06.2006 20:51
Titel

<hr> im Firefox zentrieren geht nich!

Antworten mit Zitat

N´abend ihr...
ich sitze gerade an meinem CSS Layout und find nicht den logischen Grund, warum meine <hr> Linie im Firefox immer linksbündig angezeigt wird.
Folgenden css code habe ich für den <div>-Layer, in dem meine <hr> Linie ist, und Styles für die Linie erstellt:

Code:

#footer {
color:#baaca2;
text-align:center;
font-size:0.8em;
padding:5px;
margin-top:60px;
}
#footer hr {
background-color:#baaca2; /* Mozilla 1.4 */
color:#baaca2; /* IE 6 */
border: #baaca2; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

ich finds einfach nicht!!! *Schnief*

*Schnief*

Vielleicht sollte ich dazu sagen, dass ich alle margins und paddings auf 0 gesetzt hab:

Code:

* {
margin: 0;
padding: 0;
}

Vielleicht hängts damit zusammen????

Ich hoffe ihr habt eine Idee: Im voraus schon mal -> * Ich bin unwürdig *

* Ich bin unwürdig *

Gruss
der Ron

Private Nachricht senden

Website dieses Benutzers besuchen

beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich

Männlich

Verfasst So 18.06.2006 20:55 Titel

zeig mal die seite her

Private Nachricht senden

Anzeige

Anzeige

ronny0815
Threadersteller

Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 42
Geschlecht: Männlich

Männlich

Verfasst So 18.06.2006 21:16
Titel

Antworten mit Zitat

hab leider derzeit keinen server zur verfügung wo ich das ma uppen könnte....

hier ist noch ma der der html teil:

Code:

<div style="width:738px;position:relative;margin:0px auto;text-align:left;background-color:#fff;">

   <div id="head">
   <img src="images/logo.gif" alt="" width="303" height="58" class="logo" />
   <img src="images/fire.jpg" width="233" height="193" class="fire" />
   </div>
         <ul id="navi">
            <li><a href="#"><img src="images/....png" width="114" height="27" /></a></li>
            <li><a href="#"><img src="images/....png" width="112" height="27" /></a></li>
            <li><a href="#"><img src="images/....png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/....png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/....png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/kontakt.png" width="113" height="27" /></a></li>
         </ul>

   <div style="width:738px;height:300px"></div>
   <div id="subnavi">
         <ul>
            <li><a href="#">linkslinks 1</a></li>
            <li><a href="#">links 2</a></li>
         </ul>

   </div>
   <div id="content"> hier ist der content <br />hier ist der content<br /> hier ist der content<br /> hier ist der content</div>
   <div id="footer">
      <hr align="center" width="150" />
      footer | links | footer
   </div>

</div>    [quote][/quote]

Zuletzt bearbeitet von ronny0815 am So 08.04.2007 02:16, insgesamt 1-mal bearbeitet

Private Nachricht senden

Website dieses Benutzers besuchen

beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich

Männlich

Verfasst So 18.06.2006 21:32 Titel

probier mal #footer hr {margin: auto auto; width: 150px;}

Private Nachricht senden

eViLaSh

Dabei seit: 22.05.2003
Ort: Texas
Alter: 40
Geschlecht: Männlich

Männlich

Verfasst Mo 19.06.2006 08:34
Titel

Antworten mit Zitat

ronny0815 hat geschrieben:

hab leider derzeit keinen server zur verfügung wo ich das ma uppen könnte....

hier ist noch ma der der html teil:

Code:

<div style="width:738px;position:relative;margin:0px auto;text-align:left;background-color:#fff;">

   <div id="head">
   <img src="images/logo.gif" alt="Ofenscheune" width="303" height="58" class="logo" />
   <img src="images/fire.jpg" width="233" height="193" class="fire" />
   </div>
         <ul id="navi">
            <li><a href="#"><img src="images/kaminoefen.png" width="114" height="27" /></a></li>
            <li><a href="#"><img src="images/kamine.png" width="112" height="27" /></a></li>
            <li><a href="#"><img src="images/kacheloefen.png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/ratgeber.png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/firmenprofil.png" width="113" height="27" /></a></li>
            <li><a href="#"><img src="images/kontakt.png" width="113" height="27" /></a></li>
         </ul>

   <div style="width:738px;height:300px"></div>
   <div id="subnavi">
         <ul>
            <li><a href="#">linkslinks 1</a></li>
            <li><a href="#">links 2</a></li>
         </ul>

   </div>
   <div id="content"> hier ist der content <br />hier ist der content<br /> hier ist der content<br /> hier ist der content</div>
   <div id="footer">
      <hr align="center" width="150" />
      footer | links | footer
   </div>

</div>    [quote][/quote]

vielleicht dein

Code:

text-align:left

im ersten <div> ?

probiers mal ohne aus!

Private Nachricht senden

Website dieses Benutzers besuchen

ZeroFlash

Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht: Männlich

Männlich

Verfasst Mo 19.06.2006 09:06 Titel

versuch mal nicht #footer hr zu schreiben sondern #footer_hr

Private Nachricht senden

eViLaSh

Dabei seit: 22.05.2003
Ort: Texas
Alter: 40
Geschlecht: Männlich

Männlich

Verfasst Mo 19.06.2006 09:42
Titel

Antworten mit Zitat

ZeroFlash hat geschrieben:

versuch mal nicht #footer hr zu schreiben sondern #footer_hr

* Ööhm... ja? *

dann hast du aber ne Classe die "footer_hr" heisst.

Private Nachricht senden

Website dieses Benutzers besuchen

ronny0815
Threadersteller

Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 42
Geschlecht: Männlich

Männlich

Verfasst Mo 19.06.2006 09:45
Titel

Antworten mit Zitat

beeviZ hat geschrieben:

probier mal

#footer hr {margin: auto auto; width: 150px;}

Ok das funzt schon ma nich... Die Angabe zersprengt mir mein gesamtes layout. <-- Schuld!

<-- Schuld!

Der gesamte Content is nämlich in einem div-layer zentriert.

Zitat:

vielleicht dein Code:
text-align:left
im ersten <div> ?

Der jung hier muss drin sein, um den Inhalt des besagten content div-layers wieder linksbündig zu setzen (für den IE5 musste ich im body mit text-align:center zentriert)

Zuletzt bearbeitet von ronny0815 am Mo 19.06.2006 09:46, insgesamt 1-mal bearbeitet

Private Nachricht senden

Website dieses Benutzers besuchen

Ähnliche Themen

Navigation / Zentrieren / Div / IE und FIrefox
[CSS] Div zentrieren
css div zentrieren
Div Element Zentrieren
Seite zentrieren
DIV-ID Box im Broswer zentrieren

	Seite: 1, 2 Weiter
	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.