Darstellungproblem

html.de-Forum HTML, XHTML & CSS
1

Ich habe erneut ein problem mit der Darstellung über CSS.
Ich möchte eine komplette Box, aber das Bild im Anhang zeigt etwas anderes. Es gab einen Abstand links in der Menübox. Wie bring ich den Weg?

2

Abstände macht man entweder mit margin (außen) oder mit padding (innen).

3

Das ist ja das Problem. Ich hab nichts mit Margin eingestellt.

4

Ja richtig. Das ist das Problem. Wenn Du keinen Abstand haben willst, dann musst Du das auch angeben. Ansonsten bist Du den nicht normierten Default-Werten der Browser unterlegen.

5

Hab alle Werte auf 0 gesetzt. Nichts hat sich verändert.

Hier das Problem in Grossansicht: http://www.freuli.net/problem1.png

Das rot umrahmte Feld ist das Problem.

6

Zeig doch mal das html und das relevante css dazu.
Am einfachsten können wir helfen, wenn du das Problem eingrenzen kannst.
Wenn du das Menü nicht isolieren kannst, bräuchten wir einen Link.

Es gibt zu viele Möglichkeiten, wie das Menü aufgebaut sein könnte um das Problem zu erraten.

7

Dann hast Du entweder was falsch gemacht oder es an der falschen Stelle gemacht. Nur mit einem Bild kann man nicht mehr dazu sagen.

8

[HTML]

Kleine Habbo-Fanpage 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
body { background-image:url(layout/hintergrund.gif); background-attachment:fixed; }
Kopfrahmen
Kopfrahmen
Kopfrahmen
Kopfrahmen
Verbindungsbalken
Menuetitel
Content Banner
Highlighttitel
Menue Rahmen
Menue Rahmen
Contentrahmen
Contentrahmen
Highlightbox Rahmen
Highlightbox Rahmen
[/HTML]

Dies ist der HTML-Code und ergibt GENAU das Selbe Bild wie auf dem oberen Bild vom Anhang.

9

man man heftige divsuppe, habs mal als code zitiert, solltest du in zukunft auch machen, keiner kann sonst was erkennen wenn er 2m scrollen muß.

leider hast versäumt uns deine css zu zeigen, die es ja geben müsste, denn du hast ja massig ID´s und Klassen zu verteilen gehabt;)

Aber eines kann ich dir schon mal sagen, selbst wenn das irgendwann läuft, was zum Glücklich werden wird das nicht.

gruß
csstester

10

Ein Infomatiker hat mir einen Anfang geschnippselt.

[CODE]/==============================================================/
/== CSS fuer Bildschirmdarstellung ==/
/==----------------------------------------------------------==/
/== Seite: Freulers Habbofanpage ==/
/== Copyright: Mario Freuler ==/
/==============================================================/

{
margin:0; /* Gillt für Alle */
padding:0;
border:0;
}

html, body
{
top:0;
right:0;
left:0;
bottom:0;
width:100%;
min-height:100%;
color:#000;
border:0;
}

body
{
position:static;
font-family:Verdana;
font-size:8px;
color:#000;
background-color:#fff;
}

#kopfbereich
{
width:584px;
height:110px;
margin : 0 auto;
margin-top:20px;
text-align : left;
bottom : 0;
}

#kopf_rahmen_oben
{
width:584px;
height:10px;
}

.kopf_rahmen_links_rechts
{
width:10px;
height:110px;
float:left;
}

#kopf_inhalt_bereich
{
width:564px;
height:110px;
text-align:center;
float:left;
}

#kopf_rahmen_unten
{
width:584px;
height:10px;
}

#balkenbereich
{
width:414px;
height:19px;
margin : 0 auto;
margin-top:10px;
bottom : 0;
}

.mittel_balken
{
width:414px;
height:19px;
}

#body
{
width:753px;
margin: 0 auto;
float:center;
}

#menueboxbanner
{
width:140px;
height:36px;
float:left;
margin: 0 auto;
bottom: 0;
}

.space_10px
{
width:10px;
height:36px;
text-align:center;
float:left;
}

.space1
{
width:10px;
height:116px;
float:left;
}

#contentboxbanner
{
width:453px;
height:36px;
float:left;
margin: 0 auto;
bottom: 0;
}

#highlightboxbanner
{
width:140px;
height:36px;
float:left;
margin: 0 auto;
bottom: 0;
}

.menue_links_rechts
{
width:10px;
float:left;
margin: 0 auto;
}

#menue_inhalt_box
{
width:120px;
height:108px;
float:left;
background-color:#FFF;
}

.content_links_rechts
{
width:10px;
float:left;
margin: 0 auto;
}

#content_inhalt_box
{
width:433px;
height:269px;
float:left;
background-color:#FFF;
}

#highlight_inhalt_box
{
width:120px;
height:102px;
float:left;
background-color:#FFF;
}

#menue_footer
{
width:140px;
height:8px;
margin: 0 auto;
margin-top: 0;
padding:0;
bottom:0;
float:left;
}

.clear_float
{
clear:both;
}

[/CODE]

11

Hi Freuler,
dein besteht nur aus

und .
Da kann man sich ohne die Pfade zu den Bildern kaum ein Bild machen.
Ich fürchte ohne ein Link zu deiner Seite wird dir da kaum jemand helfen können.

Wenn du die Seite nicht zeigen möchtest, könntest du ein kleines Beispiel deines Problems hochladen.