Ayom -> Padding-Top und FF

Ayom -> Forum -> Webmaster-Ecke -> Design, Content & Usability

Anzeige - [Hier werben / Mediadaten]

(?) Tags raten (?) (edit)

Padding-Top und FF, noch ein CSS Problem

Thema abonnieren | Thema versenden | Thema drucken

omc
Online Media Consulting GmbH

Geschrieben am: Mi 11.07.2007, 10:13

AyomRank 8

Gruppe: Member (aktiv)
Beiträge: 1517
Mitglied seit: 2.08.2005

Hat eventuell nochmals einer Nerven für mich ?

habe noch ein css prob das ich einfach nicht beheben kann.... grrr.

im IE > alles ok
im FF > Links die beiden TITEL der Boxen "EM 2008 News" und "Werbung" - hier will FF das padding-top einfach ganz anders machen als der FF

URL entfernt...

CODE

<div id="main_left">
<div id="main_left_news">
<h1>EM 2008 News </h1>
<p>sdfdsfds</p>
<p>sdf </p>

</div>
</div>

CODE

#main_left {
width: 160px;
text-align: left;
float: left;
overflow:hidden;
padding: 45px 0px 0px;
background-color:#ffffff;
}

#main_left_news {
width: 160px;
text-align: left;
float: left;
overflow:hidden;
background-color: #FFFFFF;
background-image: url(../images/menu_left_160.gif);
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 30px;
}

#main_left_news h1{
position:relativ;
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding-top: 6px;

}

#main_left_news p{
font-size: 12px;
color: #333333;
text-align: left;
padding-right: 10px;
padding-left: 10px;
}

gruss ric

--------------------

Flugpreisvergleich
Billigflüge
Mietwagen

jAuer Jürgen Auer - freiberufl. Programmierer	#2 Geschrieben am: Mi 11.07.2007, 10:36 (+00:23)
AyomRank 9 Gruppe: Experten Entwicklung Beiträge: 2432 Mitglied seit: 4.02.2006	Ergänze mal sicherheitshalber body { padding:0; } zusätzlich zu den anderen body-Definitionen. Eventuell fehlt da ein vererbter Wert, dann wird Kraut und Rüben dazugenommen. Edit: Bei der h1-Überschrift, die dafür verantwortlich ist, steht #main_left_news h1{ position:relativ; font-size: 12px; anstatt relative Manchmal kann es auch wichtig sein, daß man position:static; float:none; zum body-Element dazupackt, damit diese Standardwerte explizit gesetzt sind. -------------------- Web-Anwendung 3.0: Ein Online-Kalender für Termine vieler Filialen. server-daten - die Single-Data-Solution: Web-Datenbanken als Online - CRM - Lösung. Ihre Geschäftsprozesse entscheiden, was Ihre Online-Datenbank macht. Sie konzentrieren sich auf Ihr Kerngeschäft - Ihre Datenbank funktioniert.

Philipp Lohberg Philophax - Online-Redaktion	#3 Geschrieben am: Mi 11.07.2007, 11:00 (+00:24)
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 118 Mitglied seit: 9.12.2004	padding wird bei FF und IE (den älteren) unterschiedlich dargestellt http://de.selfhtml.org/css/formate/box_modell.htm google nach >Box Model Bug< Und schau nach der Dokumenttyp-Deklaration. Ist ein Sch... -------------------- ››› Neckarkiesel • Der Neckar von der Quelle bis zur Mündung ‹‹‹ ››› Schwarzwald.net • Informationen rund um den Schwarzwald ‹‹‹ ››› Reiserat • Globetrotter-Magazin mit Tipps für den Urlaub ‹‹‹

DZVO

#4 Geschrieben am: Mi 11.07.2007, 11:05 (+00:05)

AyomRank 4

Gruppe: Member (aktiv)
Beiträge: 124
Mitglied seit: 19.03.2007

1. kannst du textelemente nicht oben und unten einen margin/padding zuweisen.
2. solltest du immer display:inline; setzten bei h1 h2 h3 elementen
3. eine ID darf theoretisch nur 1mal pro page auftauchen
4. würde ich es z.B. so machen

CODE

so ob <div class="content"></div> kann man sich eigentlich auch sparen

so dann noch css

CODE

div.box {
width : 150px;
border : 1px solid #FF0;
background-color: #FFF;
background-image: url(../images/menu_rundung_left.gif);
background-repeat: no-repeat;
background-position: top left;
}
div.headline {
background-color: #FF0;
background-image: url(../images/menu_rundung_right.gif);
background-repeat: no-repeat;
background-position: top right;
}

so bei background-position: top right; muss top und right gegebenenfalls gegen negativ-werte ausgetauscht werden.
was eigenltich alle browser unterstützen. und wenn nicht werden die wieso nicht benutzt oder nennt sich lynx

also ich kann dir nur nahlegen die struktur etwas umzubauen weil sonst bekommst du probleme kurz überlang

--------------------

Kuckst du oder ..... du
wiirtuell.de - noch ein Wii Blog
zauberpage.de - is Back :)

omc Online Media Consulting GmbH	#5 Geschrieben am: Mi 11.07.2007, 11:05 (+00:00)
AyomRank 8 Gruppe: Member (aktiv) Beiträge: 1517 Mitglied seit: 2.08.2005	danke euch... ich such mal. ric -------------------- Flugpreisvergleich Billigflüge Mietwagen

omc Online Media Consulting GmbH	#6 Geschrieben am: Mi 11.07.2007, 11:15 (+00:09)
AyomRank 8 Gruppe: Member (aktiv) Beiträge: 1517 Mitglied seit: 2.08.2005	habe die nerven verloren !!! wenn es jemand korrigieren will, dann kann er sich gerne melden. bezahle per paypal. brauche aber eine rechnung. ric -------------------- Flugpreisvergleich Billigflüge Mietwagen

MarkusH

#7 Geschrieben am: Mi 11.07.2007, 13:20 (+02:04)

AyomRank 4

Gruppe: Member (aktiv)
Beiträge: 79
Mitglied seit: 2.11.2006

Hi Ric,

da fehlt ein margin-top:

CODE

#main_left_news h1{
position:relativ;
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding-top: 6px;
margin-top: 0px;
}

Grüße

omc Online Media Consulting GmbH	#8 Geschrieben am: Mi 11.07.2007, 16:31 (+03:10)
AyomRank 8 Gruppe: Member (aktiv) Beiträge: 1517 Mitglied seit: 2.08.2005	NETTT das wars. vielen dank. ric -------------------- Flugpreisvergleich Billigflüge Mietwagen