登录 | 注册 | FAQ
Anonymous

Div Container bis zum browserrand

+ 发表回复

2 篇帖子 分页: 1 / 1


Div Container bis zum browserrand

nagazi » 周五 3月 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?
代码: 全选
#footer {
left:100%;
right:100%;
height:40px;
bottom:100%;
background-image:url('/images/footer.png');
background-repeat:repeat-x;


MfG
Nagazi
头像

nagazi

  • 帖子: 1
  • 注册: 周五 3月 09, 2012 2:36 pm

Re: Div Container bis zum browserrand

XainPro » 周日 3月 11, 2012 9:00 am

Verwenden Sie CSS-Reset-Code an der Spitze der es
代码: 全选
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;
}
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1