mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 01:31 Benutzername: Passwort: Auto-Login

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


Neues Thema eröffnen   Neue Antwort erstellen 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: 34
Geschlecht: Männlich
Verfasst So 18.06.2006 19:51
Titel

<hr> im Firefox zentrieren geht nich!

Antworten mit Zitat Zum Seitenanfang

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* 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 *

Gruss
der Ron
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst So 18.06.2006 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

zeig mal die seite her
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ronny0815
Threadersteller

Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 34
Geschlecht: Männlich
Verfasst So 18.06.2006 20:16
Titel

Antworten mit Zitat Zum Seitenanfang

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 01:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst So 18.06.2006 20:32
Titel

Antworten mit Zitat Zum Seitenanfang

probier mal

#footer hr {margin: auto auto; width: 150px;}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
eViLaSh

Dabei seit: 22.05.2003
Ort: Texas
Alter: 33
Geschlecht: Männlich
Verfasst Mo 19.06.2006 07:34
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ZeroFlash

Dabei seit: 11.02.2005
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mo 19.06.2006 08:06
Titel

Antworten mit Zitat Zum Seitenanfang

versuch mal nicht #footer hr zu schreiben sondern #footer_hr
  View user's profile Private Nachricht senden
eViLaSh

Dabei seit: 22.05.2003
Ort: Texas
Alter: 33
Geschlecht: Männlich
Verfasst Mo 19.06.2006 08:42
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ronny0815
Threadersteller

Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 34
Geschlecht: Männlich
Verfasst Mo 19.06.2006 08:45
Titel

Antworten mit Zitat Zum Seitenanfang

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!
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 08:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Navigation / Zentrieren / Div / IE und FIrefox
Site zentrieren
[dreamweaver] zentrieren
inhalt zentrieren...
[Illustrator] Zentrieren?
Zentrieren im Dreamwaver
Neues Thema eröffnen   Neue Antwort erstellen 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.