Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
CSS & HTML: block level elements display funny...div, p, float and more positioning...
Bottom of Page1 to 7 of 7
-
hey guys, I'm new, but thats ok, nice to meet you. :) having a problem with nesting css block elements. here's the problem:
http://www.markzipadelli.com/tss/software_get.php
click the get software button. a list shows up. as you can see, many of the cells are not resized correctly, height-wise. I have a hunch this is because the inside cells are paragraph(p) tags, and the container holding them is a div. when one p cell expands height-wise, the others don't inherit that unless I set the height of the p tags to 100%. I'd like them all to be maximum height. what do you think?
and while I'm at it, w3's xhtml validator is giving me an error on my h2 at the top of the page. am I nesting my tags incorrectly? a h2 outside of an a tag gave me a funky look cause of the css I use.
any other glaring errors? how does the code look? css? please be picky. I haven't really asked for help before so this is new for me -
- CommentAuthordmitryseliv
- CommentTimeJun 20th 2006
Hi!
Use a tables this is exactly the reason they were designed.
There is no any reason for you to use DIVS to build a table a like design here.
CSS design for layout. Tables for displaying tabular data and this is exactly what you have.
Cheers, DS -
I agree with your sentiments perfectly. I'm almost to that point...but not quite yet ;)
Designing div's into tabular data is hard. Especially if you have a fluid layout. Right now I'm focusing on the php behind the visual focus, and thus at this point its easier to code using div's than tables (saves me many extra tags :o))...but I'd like to see if this is possible first, and if not fall back on tables.
thanks for your expertise though. much appreciated. hows the rest of the code look? -
Hi,
but in php whats difference between:
<div class='db_row clearfix'>
<p>Citrix</p>
<p class='stripeMe'></p>
<p></p>
<p class='stripeMe'>--</p>
<p>--</p>
</div>
...and...
<table class="someClass">
<tr>
<td class='stripeMe'>Citrix</td>
<td></td>
<td>--</td>
<td>--</td>
</tr>
</table>
Use tables even if you will find a way how to do it with divs (Ok its priciple question :) to solve this problem in css to understand css better)... But my appinion: its a wrong way :). -
- CommentAuthordmitryseliv
- CommentTimeJun 20th 2006
The CSS code looks fine but it's fixed layout if you make it liquied I'm pretty sure it will broke the design.
As far as number of tags and classes I think you can minimize them on a screen. Also remember table has less issures as far browser compatibility goes. Table already has most elements and with right CSS formatting in a most cases you can avoid using extra tags by applying CSS properties to table elements like tr, td, table.
<style>
#listbrowser table{
/* some styles*/
}
#listbrowser td{
/* some styles*/
}
#listbrowser tr{
/* some styles*/
}
</style>
<table id="listbrowser">
<tr>
<td>Citrix</td>
<td></td>
<td>--</td>
<td>--</td>
</tr>
</table> -
dmitryseliv u have a little mistake:
table#listbrowser{
/* some styles*/
} -
I tried switching to tables
http://www.markzipadelli.com/labs/tss/software_get.php
same problem!
why did I even bother switching...
still looking for a css and non-tables only way of doing this. if only paragraphs within that div could STAY centered vertically...
1 to 7 of 7