Hej,
Jag ska förklara mitt problem närmare
Den intressanta koddelen på sidan ser ut så här
<div class="content-background">
<div class="wrapper">
<div class="notice"></div>
<div id="conWide"> <h1 class="pagetitle"></h1>
<div class="wideent page clear"> <p style="text-align: justify;">Miljöklassningssystemet Miljöklassad Byggnad är ett verktyg och ett hjälpmedel för fastighetsägare att spara energi, pengar och klimatet samt även hyresgästernas hälsa. Byggherrar och byggföretag kan även använda systemet för att projektera klimatvänliga nybyggnationer med en hög miljöklass.</p>
<p style="text-align: justify;">Systemet Miljöklassad Byggnad är byggt för svenska förhållanden som ett enkelt och kostnadseffektivt sätt att klassa byggnader utan att ge avkall på kvalitén och går att använda för både nya och befintliga byggnader i princip oavsett storlek.</p>
<p style="text-align: justify;">Vad mäts i systemet Miljöklassad Byggnad</p>
<div id="startbox"><strong>Området energi</strong><br />
Tre energiaspekter med sammanlagt fyra indikatorer redovisas, varav energideklarationen utgör en väsentlig del. Aspekterna är:</p>
<li>• Energianvändning baserad på köpt energi</li>
<li>• Effektbehov utifrån byggnadens fysiska utformning och värmeåtervinning</li>
<li>• Energislag baserat på andelar av använda energislag</li>
</ul>
</div>
<div id="startbox"><strong>Området innemiljö</strong><br />
Inom området innemiljö har de viktigaste hälsoproblemen som kan relateras till byggnadens innemiljö identifierats. Fem olika aspekter bedöms:<br />
• Ljudmiljö baserad på bedömning alternativt ljudklassning<br />
• Luftkvalitet utifrån radonhalt, ventilation och kvävedioxid i inneluften<br />
• Termiskt klimat och dagsljus baserat på transmissionsfaktor, solvärmefaktor och dagsljus<br />
• Fukt baserat på fuktproblemskador<br />
• Vatten utifrån risk för förekomst av legionella, vilket baseras på tappvarmvattentemperatur</div>
<div id="startbox"><strong>Området kemiska ämnen</strong><br />
Tre aspekter som behandlar de kemiska ämnen som ingår i byggnaden och dess byggnadsmaterial bedöms:<br />
• Förekomst av särskilt skadliga ämnen baserat på inventering<br />
• Dokumentation av byggvaror och kemiska ämnen med hjälp av loggbok, databas eller liknande<br />
• Utfasning av särskilt farliga ämnen baserat på dokumentation.</div>
<div id="startbox"><strong>Området särskilda miljökrav</strong><br />
Två aspekter som är relevanta enbart för byggnader med eget VA-system:<br />
• Små avloppsanläggningar med hög reduktion av övergödande ämnen<br />
• God dricksvattenkvalitet baserat på analys av tappvattnet från egen brunn</div>
<!---->
</div><!--end entry-->
<!-- You can start editing here. -->
<div id="comments">
<!-- If comments are closed. -->
</div><!--end comments-->
</div><!--end content-->
</div><!--end wrapper-->
</div><!--end content-background-->
De två taggarna som är intressanta för utssendet är:
<div id="conWide">
<div class="wideent page clear">
Med den koden så får jag ingen formatering på texten utan all text är i fel storlek, för liten
om jag däremot använder denna koden:
<div class="content-background">
<div class="wrapper">
<div class="notice"></div>
<div id="content"> <h1 class="pagetitle">Miljöklassning</h1>
<div class="entry page clear"> <p style="text-align: justify;">Alla typer av fastighetsägare kan miljöklassa sin byggnad: fastighetsförvaltare, privata- och offentliga fastighetsägare och villaägare. Även byggherrar och byggföretag kan använda miljöklassningen. Miljöklassningen är giltig i 10 år eller till dess byggnaden förändras på ett sätt som skulle försämra klassningsresultatet.</p>
<p style="text-align: justify;">Systemet går att använda för både nya och befintliga byggnader.</p>
<p style="text-align: justify;">Nya byggnader kan klassas utifrån handlingar och få ut ett preliminärt klassningsbevis som är giltigt upp till två år. För att få en slutlig klassning, som är giltig i ytterligare högst 8 år, krävs en verifiering inom två år från utfärdandet av klassningen.</p>
<p style="text-align: justify;"><strong>Steg i processen:<br />
</strong>1. Föranmälan<br />
2. Ansökan<br />
3. Granskning<br />
4. Beslut och utfärdande av klassningsbevis<br />
5. Verifiering av klassningsresultat (vid om-, till- och nybyggnation)</p>
<p style="text-align: justify;"><strong>Följande parter medverkar:</strong><br />
1. Sökanden eller dennes ombud<br />
2. Miljöklassad byggnads sekreterare<br />
3. Oberoende granskare utsedda av Tekniska rådet<br />
4. Miljöklassad byggnads Tekniska råd<br />
5. Styrelsen (vid överklagande)</p>
<!---->
</div><!--end entry-->
<!-- You can start editing here. -->
<div id="comments">
<!-- If comments are closed. -->
</div><!--end comments-->
</div><!--end content-->
</div><!--end wrapper-->
</div><!--end content-background-->
Det "enda" som skiljer är namnen på dessa 2 taggarna
<div id="content">
<div class="entry page clear">
När jag använder dom 2 taggarna så funkar det med formateringen på texten
Då till frågan varför jag inte använder dom 2 namnen är att jag på några sidor måste ändra vidden på sidorna och måste då döpa om namnet för att kolla med en if sats om sidan skall vara 1 eller 2 kolumner
så jag har gjort följande ändringar i CSSen
.entry a:link, .entry a:visited { font-weight: bold; }
/*--------WIDE-------*/
.wideent a:link, .wideent a:visited { font-weight: bold; }
/*Post Body
---------------------------------------*/
/*--------WIDE-------*/
.wideent {
margin: 0 0 0 0;
width: 640px;
font-size: 1.3em;
}
.wideent p { margin-bottom: 10px; }
.wideent h2, .wideent h3, .wideent h4 {
font-size: 1.3em;
padding: 15px 0 5px 0;
}
.wideent h3 {
padding-top: 10px;
font-size: 1em;
}
.wideent h4, .wideent h5, .wideent h6 {
padding-top: 10px;
font-size: .9em;
}
.wideent ul, .c-body ul { margin: 0 0 10px 10px; }
.wideent ul li, .c-body ul li {
display: block;
margin: 5px 0;
padding: 0 0 0 17px;
background: url(../images/list-item.gif) no-repeat 0 .3em;
}
.wideent ol, .c-body ol {
list-style-type: decimal;
list-style-position: inside;
margin: 5px 0 5px 10px;
}
.wideent ol li ol li, .c-body ol li ol li { list-style-type: lower-roman; }
.wideent ol li, .c-body ol li { margin: 5px 0; }
/*--------END WIDE-------*/
.entry {
margin: 0 0 0 131px;
width: 497px;
font-size: 1.3em;
}
.entry p { margin-bottom: 10px; }
.entry h2, .entry h3, .entry h4 {
font-size: 1.3em;
padding: 15px 0 5px 0;
}
.entry h3 {
padding-top: 10px;
font-size: 1em;
}
.entry h4, .entry h5, .entry h6 {
padding-top: 10px;
font-size: .9em;
}
pre {
margin: 10px 0;
padding: 1em 10px;
overflow: auto;
background-color: #e9ebd9;
color: #000;
}
code {
padding: 2px 3px;
font: 1.1em Consolas, "Courier New", sans-serif;
background-color: #eee9d9;
color: #000;
}
pre code { font-size: 1.3em; }
blockquote {
display: block;
margin: 20px 0 20px 20px;
padding: 0 0 0 20px;
border-left: 3px solid #cbcac8;
color: #666;
font-style: italic;
line-height: 1.5em;
}
.entry ul, .c-body ul { margin: 0 0 10px 10px; }
.entry ul li, .c-body ul li {
display: block;
margin: 5px 0;
padding: 0 0 0 17px;
background: url(../images/list-item.gif) no-repeat 0 .3em;
}
.entry ol, .c-body ol {
list-style-type: decimal;
list-style-position: inside;
margin: 5px 0 5px 10px;
}
.entry ol li ol li, .c-body ol li ol li { list-style-type: lower-roman; }
.entry ol li, .c-body ol li { margin: 5px 0; }
.navigation {
padding: 10px 0;
font-size: 1.3em;
}
.index { padding: 0; }
/*Pages
---------------------------------------*/
#content .entry.page {
margin: 0;
width: 628px;
}
#conWide .wideent.page {
margin: 0;
width: 940px;
}
/*Basic Structure
------------------------------------------------------------ */
.wrapper{
width: 960px;
margin: 0 auto;
text-align: left;
}
#content{
float: left;
width: 648px;
padding: 0 0 30px 0;
}
#conWide{
float: left;
width: 960px;
padding: 0 0 30px 0;
}
.entry .alignright { margin: 0 0 10px 15px; }
.entry .alignleft { margin: 0 15px 10px 0; }
/*--------WIDE-------*/
.wideent .alignright { margin: 0 0 10px 15px; }
.wideent .alignleft { margin: 0 15px 10px 0; }
Är det något jag har missat? för i det funkar med .entry men inte med .wideent
Har jag missat något?
Hoppas jag har förtydligat nu :)
Tack på förhand!
