cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
wichtigWir suchen PHP-Entwickler/innen (Freelancer oder Vollzeit)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 69396
Mitglieder online: 0
Gäste online: 2
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: CSS Problem mit dem IE - margin/padding Abstände

Thread: CSS Problem mit dem IE - margin/padding Abstände

Tags: CSS , ie , FF , Abstand

25.11.2009 20:32 Uhr

 

Status: offline
Guten Abend!

Möchte die Profis mal fragen... denn ich habe da ein Problem, bei dem der FireFox es so anzeigt, wie es sein soll und der InternetExplorer alles falsch macht.

Hierzu einmal, wie es aussehen soll (und im FF aussieht):
user-pic

Dann, wie es im IE aussieht (zu beachten die vertikalen Abstände)
user-pic

Dann die Quellcodes...

CSS:
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.small_titel
    {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .small_titel hr
    {
        color: #B5B2B2;
        background-color: #B5B2B2;
        height: 1px;
        border: 1px;
        margin: 0px;
        padding: 0px;
    }
    .small_titel h2
    {
        font-size: 16px;
        color: #B5B2B2;
        
        height: 17px;
 
        border: 0px;
        margin: 0px;
        padding: 0px;
    }
HTML/PHP:
Zitat:
echo "<div class='small_titel'>
<h2 style='float: left; width: 160px'>Profil Foto</h2>
<div style='float: left; text-align: right; width: 85; padding-right: 5px'>
<input type='button' value='bearbeiten' style='font-size: 9px;'/></div>
<div style='clear: both'></div>
<hr />
</div>";


Es handelt sich bei dem Code um die kleinere (graue) Überschrift.

Vieeeeelen Dank an sachdienliche Hinweise!  :glad: 
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
25.11.2009 20:35 Uhr

 

Status: offline
Hast du das Dokument in den standardkonformen Modus gezwängt? Damit hat man nämlich normalerweise keine / kaum Probleme (xml-tag, passende DTD,...)
___________________________
C++ ist ein Esel mit Ledersitzen und elektrischen Fensterhebern, Java ist auch eine Insel und Python ist eine Schlange...
25.11.2009 20:38 Uhr

 

Gelöscht #671
Programmierer
Status: offline
Zitat:
Damit hat man nämlich normalerweise keine / kaum Probleme (xml-tag, passende DTD,...)

Richtig, das margin / padding Problem gehört auch zu den Fällen, die der IE im Quirks-Modus anders darstellt.

Du musst also, wie Hangman schon sagt, den richtigen Doctype einfügen. Dann springt der IE auch in den Standard-Modus. Bei einem XHTML-Dokument gehört zudem das XML-Tag dazu (wie Hangman auch erwähnte).

http://de.selfhtml.org/html/allgemein/grundgeruest.htm
25.11.2009 22:52 Uhr

 

Status: offline
Danke!
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
Ähnliche Threads Forum Ähnlichkeitsgrad
 CSS: Hintergrund sowie Text-Decoration in FF falsch aber IE korrekt Website & Webprogrammierung 3
 Suche CSS-Anpasser von FF zu IE Website & Webprogrammierung 3
 float - IE und Firefox Website & Webprogrammierung 2
 CSS Menü (mit <ul>) wird nicht richtig im Internet Explorer angezeigt Website & Webprogrammierung 2
 [gelöst] Problem mit CSS (Div Elemente) Website & Webprogrammierung 2
 [erledigt] Falsche Anzeigen in Firefox und IE Website & Webprogrammierung 2
 [CSS] margin funktioniert nur im IE Website & Webprogrammierung 2
nach obennach oben

Copyright © 2014 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news
ANEXIA - PHP Entwicklung - Web-Entwicklung - Fritz!Box Anrufmonitor für Mac OS - Rolladen, Markisen und Jalousien in Stuttgart - Rolladen in Stuttgart - SMSjobs