WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Ausrichtung oben in Div

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Ausrichtung oben in Di... - 29 März 2024 Antworten
im Forum für Webhosting Homepage gefunden:
Ausrichtung oben in Div
amidalaself
Pixelschubser
Threadstarter




Beiträge: 8

Ich arbeite gerade an einem neuen Design für eine Internetseite. Die beiden Links poste ich hier nur weil noch nicht soviel Code vorhanden ist, das man sich verlaufen könnte .
Die Hoffnung meinerseits besteht natürlich darin, das sich das jemand ansieht.

Website
CSS File

Momentan arbeite ich an den Navigationsboxen. Am meisten zuschaffen macht mir das ich den Inhalt der Seite nicht auf gleiche Höhe kriege wie die Navigation und die "boxen" auf der rechten Seite haben nochmals ne andere Höhe. Ich nehme an das dies an main liegt. Mit Margin kriege ich die Linke sidebar nicht rauf. Im IE verhaut es das ganze Design und ich seh einfach den Fehler nicht. Danke schon mal für allfällige Hilfe.

Grüsse

  Profil   E-Mail   Editieren   Zitieren
amidalaself
Pixelschubser
Threadstarter




Beiträge: 8

Die Problematik hat sich etwas verändert. Der obere Abstand ist jetzt in Ordnung, was noch nicht funktioniert ist der Abstand (gelb hervorgehoben).

Nochmals die Website

Damit niemand lange suchen muss. In diesem Bereich des CSS liegt wohl das Problem. Hat den jemand eine Idee?
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: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47:
#main-body {
    float: left;
    width: 70%;
    margin-top: 0;
    padding-top:0;
}

#content {
    float: right;
    width: 68%;
}

#sidebar {
    float: left;
    width: 32%;
    background: yellow;
}

#sidebar2 {
    float: right;
    width: 30%;
}

#box-spez {
    width:200px;
    background: url(images/boxkonfunten.gif) no-repeat bottom left;
    margin: 0px ;
}
#box-spez h3 {
    width: 200px;
    margin:0;
    padding: 20px 8px 4px 60px;
    font-size: 110%;
    background: url(images/boxkonfoben.gif) no-repeat top left;
}

#box-spez ul {
    margin: 0;
    padding: 10px 8px 20px 60px;
    list-style: none;
}

#box-spez li {
    padding: 2px;
    margin 0 0 20px 0;
    padding: 2px;
}

  Profil   E-Mail   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 162

Vielleicht kennst Du die Erweiterung Web Developer für Firefox. Mittels Outline->Outline Current Element lassen sich die Elemente bestimmen, die übergroß sind und dadurch den Abstand erzeugen (Statusleiste).

Allerdings würde ich vorschlagen, dass Du sämtliche float-Angaben durch absolute Positionierungen ersetzt. Das macht zwar etwas Arbeit, aber erleichtert die Ausrichtung (und das Beheben auftretender Probleme) ungemein.
float sollte in erster Linie für Textfluss um Grafiken/Container eingesetzt werden (obwohl viele Beispiele das für Navigationsleisten etc. benutzen), dann verschwinden viele Probleme, die durch Elementübergröße entstehen (zugegeben, der IE ist da etwas toleranter, aber Firefox nimmt einem sowas übel).

  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Ausrichtung oben in Di...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Ausrichtung oben in Div im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7975183    Heute : 134     Gestern : 388     Online : 34     29.3.2024    9:57      0 Besucher in den letzten 60 Sekunden        
Nach oben