Anmelden | Registrieren | FAQ
Anonymous

Div Container bis zum browserrand

+ Antwort erstellen

2 Beiträge Seite 1 von 1


Div Container bis zum browserrand

von nagazi » Fr Mär 09, 2012 2:46 pm

Hallo HTML Com,

ich 3 einfache Div Container in meine Index.php gepackt und diese in der style.css initialisiert.

Leider erreicht keiner der Container den "maximalen" Rand. Habe bereits von einem anderen skripter (welcher sich in CSS auskennt) das es fast schon normal sei das die Divs nicht den Rand erreichen ohne einen weiteren syntax.

Habe bereits schon rumgegoogelt aber die Feeds sind von den Foren zu stark sodass ich zu keinem Ergebins kamm.

Zu dem genauen Problem: Der Div-Container "footer" ist ca. 10px vom linken sowie rechten rand entfernt und der "header" Container ist genausoweit vom Oben Browser rand entfernt.
Das Problem ist bei IE9 sowie FF andere Browser konnte ich nicht testen.

Hier mal der CSS ausschnitt. Was muss ich eintragen das die Div´s den rand erreichen?
Code: Alles auswählen
#footer {
left:100%;
right:100%;
height:40px;
bottom:100%;
background-image:url('/images/footer.png');
background-repeat:repeat-x;


MfG
Nagazi
Benutzeravatar

nagazi

  • Beiträge: 1
  • Registriert: Fr Mär 09, 2012 2:36 pm

Re: Div Container bis zum browserrand

von XainPro » So Mär 11, 2012 9:00 am

Verwenden Sie CSS-Reset-Code an der Spitze der es
Code: Alles auswählen
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm


+ Antwort erstellen

Seite 1 von 1