Hejsa det her er lidt et haste spørgsmål..
Jeg sidder pt. og udvikler noget design til en typo3 hjemmeside. I den forbindelse skal der på forsiden være 3 lige store spalter, men det vil simpelthent ikke fungere.
Jeg har downloadet et færdigt design, som jeg sidder og redigere lidt i.
Her er de 2 mest nødvendige filer tror jeg:
STYLESHEET
@import url(main.css);
@import url(header.css);
@import url(footer.css);
@import url(top.css);
@import url(content.css);
@import url(left.css);
#left-menu-box {
margin: 0;
padding: 6px 6px 0 6px;
}
#middle-marker-box, #right-marker-box {
margin: 6px;
padding: 0;
}
#left-marker-box {
margin: 0 6px;
padding: 0;
}
#left-marker, #middle-marker, #right-marker {
margin: 0;
padding: 6px;
}
#left, #middle, #right, #inner-content-wrapper {
position: relative;
overflow: visible;
}
#inner-content-wrapper {
float: left;
margin: 0;
width: 735px;
}
#left {
float: left;
width: 245px;
z-index: 4;
background: #FFFFFF;
}
#left-content {
width: 245px;
}
#middle {
float: right;
width: 490px;
z-index: 2;
background: #FFFFFF;
}
#middle-content {
width: 490px;
}
#right {
float: right;
width: 245px;
z-index: 6;
background: #FFFFFF;
}
#right-content {
width: 245px;
}
#header, #outer-wrapper, #footer {
width: 980px;
}
#header-img {
width: 968px;
}
.cleaner {
clear:both;
height: 1px;
font-size: 1px;
line-height: 0px;
display: block;
visibility: hidden;
border: 0;
padding: 0;
margin: -1.0em 0 0 0;
background: transparent;
}
TEMPLATE
<!-- ###DOCUMENT_BODY### -->
<div id="outer-wrapper">
<div id="header">
<div id="header-img">###HEADER-IMG###</div>
</div>
<div id="top">
<div id="top-menu">###TOP-MENU###</div>
</div>
<div id="outer-content-wrapper">
<div id="inner-content-wrapper">
<div id="middle">
<div id="middle-content">
<div id="middle-marker-box">
<div id="middle-marker">###MIDDLE-MARKER###</div>
</div>
</div>
</div>
<div id="left">
<div id="left-content">
<div id="left-menu-box">
<div id="left-menu">###LEFT-MENU###</div>
</div>
<div id="left-marker-box">
<div id="left-marker">###LEFT-MARKER###</div>
</div>
</div>
</div>
</div>
<div id="right">
<div id="right-content">
<div id="right-marker-box">
<div id="right-marker">###RIGHT-MARKER###</div>
</div>
</div>
</div>
<div class="cleaner"></div>
<div id="footer">
<div id="footer-box">
<div id="footer-text">
Copyright STEREO:TYPE 2009
</div>
</div>
</div>
</div>
</div>
<!-- ###DOCUMENT_BODY### -->