| Autor |
Nachricht |
ronny0815
Threadersteller
Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 30
Geschlecht: 
|
Verfasst So 18.06.2006 19:51
Titel <hr> im Firefox zentrieren geht nich! |
  |
|
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!!!  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 -> 
Gruss
der Ron
|
|
| |
   |
 |
| |
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 18
Geschlecht:
|
Verfasst So 18.06.2006 19:55
Titel
|
|
|
|
zeig mal die seite her
|
|
| |
|
|
ronny0815
Threadersteller
Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 30
Geschlecht:
|
Verfasst So 18.06.2006 20:16
Titel
|
|
|
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
|
|
| |
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 18
Geschlecht:
|
Verfasst So 18.06.2006 20:32
Titel
|
|
|
probier mal
#footer hr {margin: auto auto; width: 150px;}
|
|
| |
|
|
eViLaSh
Dabei seit: 22.05.2003
Ort: Texas
Alter: 28
Geschlecht:
|
Verfasst Mo 19.06.2006 07:34
Titel
|
|
|
| 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 im ersten <div> ?
probiers mal ohne aus!
|
|
| |
|
|
ZeroFlash
Dabei seit: 11.02.2005
Ort: -
Alter: 29
Geschlecht:
|
Verfasst Mo 19.06.2006 08:06
Titel
|
|
|
|
versuch mal nicht #footer hr zu schreiben sondern #footer_hr
|
|
| |
|
|
eViLaSh
Dabei seit: 22.05.2003
Ort: Texas
Alter: 28
Geschlecht:
|
Verfasst Mo 19.06.2006 08:42
Titel
|
|
|
| ZeroFlash hat geschrieben: | | versuch mal nicht #footer hr zu schreiben sondern #footer_hr |
dann hast du aber ne Classe die "footer_hr" heisst.
|
|
| |
|
|
ronny0815
Threadersteller
Dabei seit: 21.08.2005
Ort: Hamburg
Alter: 30
Geschlecht:
|
Verfasst Mo 19.06.2006 08:45
Titel
|
|
|
| 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. 
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
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Navigation / Zentrieren / Div / IE und FIrefox
Site zentrieren
[dreamweaver] zentrieren
inhalt zentrieren...
[Illustrator] Zentrieren?
Zentrieren im Dreamwaver
|
|
Willkommen auf dem Portal für Mediengestalter
