Willkommen auf dem Portal für Mediengestalter

niederberger · Threadersteller

Hallo Zusammen,

Ich habe ein merkwürdiges Phänomen seitem ich den Standard DOC Type von Dreamweaver 8 einsetze:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Folgenden CSS Code habe ich im Einsatz:

div#frontTop {
width: 920px;
height: 100px;
text-align:right;
padding-top:10px;
padding-right:10px;
background-image:url(/images/bg-front-top.jpg);
display:block;
}

Folgendermassen hab ich es ins HTML eingebaut:

<div id="frontTop"><a href="/index.asp"><img src="/images/puraqua-logo.gif" width="160" height="70" border="0" alt="purAqua" /></a></div>

Kann mir jemand sagen wieso es plötzlich diesen DIV Bereich verbreitert um die 10px resp höher macht um die 10px weil ich das padding drin habe. Es sollte doch möglich sein ein Objekt in einem DIV Tag drin etwas einzrücken von rechts. Das hab ich beim IE 6,7 wie bei Mozilla 2.0.

Danke und Grüsse, Thomas.

beeviZ · **Verfasst** So 29.10.2006 18:17 **Titel**

der trick an der geschichte ist, den container 10px schmaler zu machen, bzw 10px von der höhe wegzunehmen.

niederberger · Threadersteller

Ja gut, daran hab ich ja auch gedacht, aber dies ist ja wohl kein sauberer Weg. Das klingt für mich etwas nach Tannen fällen in einem Wald und nicht in den Baumarkt fahren...

beeviZ · **Verfasst** So 29.10.2006 18:28 **Titel**

nein. das ist der sauber(st)e weg.

niederberger · Threadersteller

Als ungläubiger Thomas frag ich doch lieber mal wo das steht?!

m · Moderator

http://www.css4you.de/wsboxmodell/index.html#browser

niederberger · Threadersteller

Cooooooooooooooooooooooooool Danke!

Willkommen auf dem Portal für Mediengestalter

Thema: CSS padding verbreitert DIV vom 29.10.2006

CSS padding verbreitert DIV