Tabellenloses Layout II

[holunda]

Also logisch wäre, dass der Inhalt links oben (wo der andere INhalt auch steht) steht.

Wie kann ich das beheben?

danke alex

[prefix]

also, ich versteh nicht, was du meinst!

du hast 2 x support auf der seite:

1. in der navi oben
2. rechts unten unter "letzte neuigkeiten".

die 2. box sitzt im von mir erwähnten container und wird somit logischerweise unter der box "letzte neuigkeiten" angezeigt!

wenn ich dich falsch verstehe, mach bitte einen screenshot und kennzeichne das problem

[prefix]

und im firebird ist die sache sowieso zerrissen - unten (hab jetzt erst gesehen, dass es dort auch noch einen punkt "support" gibt) -> siehe screenshot

[holunda]

Hat mich falsch verstanden ...
Bitteschön

[prefix]

naja, da hast jetzt einige probleme:

1. was ist das für eine klassendefinition: <table class="box thingreygrid fullwidth">

seit wann gehören da leerzeichen rein??

2. tabellen und css: das kann zu großen problemen führen, da sie sich sehr "seltsam" verhalten - in diesem fall scheinen sie einfach von sich aus zu "clearen" - setz die tabellenbreite mal auf 80% - testen!!!

genau über dieses problem kam heute was über die css-discuss-mailinglist rein, auch daran beißen sich viele die zähne aus, kurzer auszug:

> > Can anyone explain to me please, why the box model seems to
> > have broken on my computer:
> > http://www.1976design.com/dev/boxmodel/
>
> I'm going to say it's because you're trying to apply it to tables. A
> table isn't considered a "box", like <p> and <div> are. Tables can be
> given border and padding without using CSS, so the box model as we
> know it doesn't apply to them. So your tests comparing it to a <p> are
> going to fail.
>
> Looking at your page, it looks like the browsers have a separate
> "table model" that determines total width.
>
> IE & Mozilla:
> width = total width (This is similar to IE5's box model)
>
> Opera:
> border + width + border = total width

Well, isn't that interesting, thanks Scott. I have to say now you point it out
it's terribly obvious, but at the time it had me very confused since I was
expecting to see something else.

Are we meant to know about this table-model already?
If not, should that be added to the css-d wiki or something?

aber, wie gesagt: mal die breite verändern und viel testen!

[holunda]

Hi Leude

Problem:
Ich habe 2 divs nebeneinandern.
Wie schaffe ich es, dass sich das linke mit dem rechten mitdehnt ( wegen content)

Im linken ist eine HIntergrundgrafik ...

danke Alex

[prefix]

morgen

beispiel? kann mir das nicht ganz verbildlichen, was du da willst!

[holunda]

auch morgen

anbei ein gif zur erläuterung

[prefix]

ahso, alles klar

mach einen umfassenden container um die beiden blöcken, und weise diesem das hintergrundbild zu! dann hast du den gewünschten effekt, alter standschütze *hehe*

blockade am brenner!!!! (mein letztes politisches statement - ende) *lol*

[holunda]

Hi Prefix, jetzt habe ich noch ein PRoblem, und zwar.

Habe es nun so zugewiesen wie du es gesagt hast. offenbar wird aber der #footer nicht mit den beiden Innencontainern mitgestreckt ????
Kann das sein?

#footer
{
	background-image:url("../images/img_left.gif");
	background-repeat:repeat-y;
}

#footer_img
{
	margin-right:510px;
	visibility:hidden;
}

#footer_content
{
	float:right;
	width:480px;
	padding:5px;
	padding-right:12px;
	font-size:10px;
	background-color:#fff;
}

<div id="footer">

<!-- Content -->
<div id="footer_content">dsdas
</div>

<div id="footer_img">&nbsp;</div>

</div>

Alex

[prefix]

du musst dann natürlich den footer innerhalb des neuen containers legen!

nochwas: vermeide unterstriche (_) bei der benennung von klassennamen und ids -> nicht valide