mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 16:40 Benutzername: Passwort: Auto-Login

Thema: [CSS] Formular oder Box-Model Probleme? vom 09.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Formular oder Box-Model Probleme?
Autor Nachricht
Xaven
Threadersteller

Dabei seit: 26.03.2002
Ort: Motorcity Rüsselsheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 09.10.2006 17:57
Titel

[CSS] Formular oder Box-Model Probleme?

 Antworten mit Zitat Zum Seitenanfang
Servus!

Ich habe mal wieder ein kleines, aber sehr Nervenauftreibendes Problem mit CSS und DIVs. Bevor ich lange Reden schwinge zeige ich um was es geht:

Korrekte Anzeige
So sieht meine Seite im Firefox aus:



Falsche Anzeige
So stellt der Internet Explorer die Seite da:



Nach dem über den #header habe ich meine #subnavi geschoben - mit einem negativen margin. Leider habe ich im Internet Explorer komischerweise einen Balken zwischen #subnavi und der darauffolgenden #sidebar (links mit der Hauptnavigation). Daneben liegt der #content.

Handelt es sich hier wieder einmal um Box-Model Probleme, oder an meiner denke?
Sobald ich das Formularfeld aus der #subnavi entferne, passt es dagegen fast genau.
Hat jemand einen heißen Tipp, bevor ich durchdrehe?

CSS
Code:

/* Allgemeines */
body {
   font-size: 80%;
   background: #EEF6F7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
   border: 0;
}

a:link {
   font-weight:bold;
   color: #000000;   
   text-decoration: none;
}

a:visited {
   font-weight:bold;
   color: #333;
   text-decoration: none;
}

a:hover {
   font-weight:bold;
   color: #ff3f7d;
   text-decoration: underline;
}

/* Clear Class */
.clear {
   clear: both;
}

img, a img {
   border: 0;
}

/* Absaetze */
p {
   font-size: 1em;
/*   line-height: 1.2em; */
   clear: both;
}

/* Kleinerer Text */
.small {
   font-size: 0.9em;
}



h1 {
   font-size: 1.2em;
   color: #A81524;
}


/* Layout */
#wrapper {
   width: 1040px;
   margin:0 auto;
   background-image:url(img/hintergrund.gif);
   background-repeat:repeat-y;
}

#header {
   height: 160px;
   background-image:url(img/header.jpg);
   background-repeat:no-repeat;
}

#subnavi {
     width: 272px;
     height:26px;
   margin-left: 700px;
   margin-top: -32px;
   background-color:#AF0026;
/*   display:inline; */
}

#suchen input {
   margin: 0 0 8px -4px;
   border: 0;
   padding: 0;
}

#sidebar {
   float: left;
   width: 183px;
   margin-top: 6px;
    background-image:url(img/hintergrund-sidebar.gif);
   background-repeat:repeat-y;
}

#content {
   float: left;
   width: 737px;
   margin-top: 6px;
   padding: 60px;
   background-image:url(img/hintergrund-content.gif);
   background-repeat:repeat-y;
}

#footer {
   width: 1040px;
   margin:0 auto;
   background-image:url(img/hintergrund-footer.gif);
   background-repeat:no-repeat;
}


Link zur Site
www.xaven.de/ftp/ukm


Link zum CSS
www.xaven.de/ftp/ukm/styles.css

Besten Dank schonmal vorab.
Mario

Zuletzt bearbeitet von Xaven am Mo 09.10.2006 17:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 10.10.2006 12:19
Titel

Antworten mit Zitat Zum Seitenanfang
Hast du schon versucht den Bereicht vom <div id="subnavi"> innerhalb des <div id="header"> zu plazieren und daraufhin die css-Datei anzupassen?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bel

Dabei seit: 09.07.2004
Ort: Hamburg
Alter: -
Geschlecht: -
Verfasst Di 10.10.2006 12:29
Titel

Antworten mit Zitat Zum Seitenanfang
Hast du mal margin und padding des form-Elements auf 0 gesetzt?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formular 3 Probleme
Probleme bei Formular
Probleme (HTML-Formular)
Probleme bei der Formular-Prüfung
Probleme mit Formular und grafischen Buttons
Flash - Kontakt Formular Probleme
Neues Thema eröffnen   Neue Antwort erstellen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB