mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 04:13 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: 34
Geschlecht: Männlich
Verfasst Mo 09.10.2006 16: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 16: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: 44
Geschlecht: Männlich
Verfasst Di 10.10.2006 11: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 11: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 Hilfe: div float / width:100% - CSS float Box Model
box hover mit css
[CSS] Ganze Box verlinken
[CSS] die box behält im IE ihre größe nicht bei
[CSS] #box:hover auch im IE darstellbar?
eine reine css tab box?
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.