Hi GT friends,
I do hope that there are some CSS-experts out there who are willing to help me on this.......
I do have a CSS-bug within "detailed.html" which I am struggling on, please see this link:
http://www.austria1.com/cgi-bin/lsql/page.cgi?g=Detailed%2F117.html;d=1
I want to have the "descriptioncontact" (this is the contact information from the link-entry, "Kontakt", "Tel.:", etc.) and the "descriptiondata" (this is the information like: "entry added by" , "entry added date" , "hits", etc) in a CSS-format with two columns.
I have tried to achieve this, but it looks weird in Firefox as it moves the "ratings" somehow horizontally higher.
Besides the fact that the "descriptiondata"-box is to far right, it looks quite O.K. in Internet-Explorer.
this is my CSS-data:
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description, {
width: 96%;
}
* html #detailed .descriptioncontact {
width: 50%;
}
* html #detailed .descriptiondata {
width: 40%;
}
* html div#descriptionboth {
width: 100%;
}
#detailed p.description {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
#detailed .descriptioncontact {
float: left;
width: 50%;
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
#detailed .descriptiondata {
float: right;
width: 40%;
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
div#descriptionboth {
width: 100%;
text-align: left;
margin: 0 auto;
}
this is my template-data:
<div id="descriptionboth">
<div class="descriptioncontact">
Kontakt:<br />
<%if External_Contactname%><%External_Contactname%><br /><%endif%>
<%if External_Contactstreet%><%External_Contactstreet%><br /><%endif%>
<%if External_Contactzip%><%External_Contactzip%><%endif%> <%if External_Contactcity%><%External_Contactcity%>, <%endif%><%if External_Contactprovince%><%External_Contactprovince%>, <%endif%><%if External_Contactcountry%><%External_Contactcountry%><%endif%><br /><br />
<%if External_Contacttelone%>Telefon-Nr.1: <%External_Contacttelone%><br /><%endif%>
<%if External_Contactteltwo%>Telefon-Nr.2: <%External_Contactteltwo%><br /><%endif%>
<%if External_Contacthandy%>Handy-Nr.: <%External_Contacthandy%><br /><%endif%>
<%if External_Contactfax%>Fax-Nr.: <%External_Contactfax%><br /><%endif%>
<%if External_Contactmail%><br />e-mail: <a href="<%db_cgi_url%>/sendmail.cgi?ID=<%ID%>">wir freuen uns auf Ihre Anfrage per e-mail</a><br /><br /><%endif%>
</div>
<div class="descriptiondata">
Eingetragen von: <%LinkOwner%><br />Eingetragen am: <%Add_Date%><br /><%if Add_Date ne $Mod_Date%>Letzte Änderung: <%Mod_Date%><%endif%><br />Treffer: <%Hits%>
</div>
</div>
Please help me on this.
Wish you all A Happy and Successful New Year !
Erich
I do hope that there are some CSS-experts out there who are willing to help me on this.......
I do have a CSS-bug within "detailed.html" which I am struggling on, please see this link:
http://www.austria1.com/cgi-bin/lsql/page.cgi?g=Detailed%2F117.html;d=1
I want to have the "descriptioncontact" (this is the contact information from the link-entry, "Kontakt", "Tel.:", etc.) and the "descriptiondata" (this is the information like: "entry added by" , "entry added date" , "hits", etc) in a CSS-format with two columns.
I have tried to achieve this, but it looks weird in Firefox as it moves the "ratings" somehow horizontally higher.
Besides the fact that the "descriptiondata"-box is to far right, it looks quite O.K. in Internet-Explorer.
this is my CSS-data:
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description, {
width: 96%;
}
* html #detailed .descriptioncontact {
width: 50%;
}
* html #detailed .descriptiondata {
width: 40%;
}
* html div#descriptionboth {
width: 100%;
}
#detailed p.description {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
#detailed .descriptioncontact {
float: left;
width: 50%;
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
#detailed .descriptiondata {
float: right;
width: 40%;
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #cccccc;
background: #f5f5f5;
overflow: hidden;
}
div#descriptionboth {
width: 100%;
text-align: left;
margin: 0 auto;
}
this is my template-data:
<div id="descriptionboth">
<div class="descriptioncontact">
Kontakt:<br />
<%if External_Contactname%><%External_Contactname%><br /><%endif%>
<%if External_Contactstreet%><%External_Contactstreet%><br /><%endif%>
<%if External_Contactzip%><%External_Contactzip%><%endif%> <%if External_Contactcity%><%External_Contactcity%>, <%endif%><%if External_Contactprovince%><%External_Contactprovince%>, <%endif%><%if External_Contactcountry%><%External_Contactcountry%><%endif%><br /><br />
<%if External_Contacttelone%>Telefon-Nr.1: <%External_Contacttelone%><br /><%endif%>
<%if External_Contactteltwo%>Telefon-Nr.2: <%External_Contactteltwo%><br /><%endif%>
<%if External_Contacthandy%>Handy-Nr.: <%External_Contacthandy%><br /><%endif%>
<%if External_Contactfax%>Fax-Nr.: <%External_Contactfax%><br /><%endif%>
<%if External_Contactmail%><br />e-mail: <a href="<%db_cgi_url%>/sendmail.cgi?ID=<%ID%>">wir freuen uns auf Ihre Anfrage per e-mail</a><br /><br /><%endif%>
</div>
<div class="descriptiondata">
Eingetragen von: <%LinkOwner%><br />Eingetragen am: <%Add_Date%><br /><%if Add_Date ne $Mod_Date%>Letzte Änderung: <%Mod_Date%><%endif%><br />Treffer: <%Hits%>
</div>
</div>
Please help me on this.
Wish you all A Happy and Successful New Year !
Erich