StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POContent devide in 3parts IE error
primarykey
Id
20596153
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
6
CommunityOwnedDate
CreationDate
2013-12-15T15:27:13.787
FavoriteCount
0
LastActivityDate
2014-01-28T11:25:13.083
LastEditDate
2014-01-28T11:25:13.083
LastEditorUserId
1948156
OwnerUserId
2852141
ParentId
0
PostTypeId
1
Score
0
ViewCount
33
LastEditorDisplayName
text
Body
<p>I have a content with Title, image and description. I have 3 differents contents, which i have to put side by side. What would be better do achive this ? I did with <code><ul></code>. But the image wasnts below title, and description below image, so i just but after <code><li></li></code> a break, and it worked. But in IE it doesnt.</p> <p>Here is what i got - > <a href="http://jsfiddle.net/5xfR9/12/" rel="nofollow">http://jsfiddle.net/5xfR9/12/</a></p> <pre><code> <div id="content"> <ul> <li> <h3>Custom clearance</h3><br/> <img src="..." style="width:360px; height: 160px;" alt="Custom clearance" /><br/> <p style="width:360px;">...<br /><a href="#" style="float:right; padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px; border: 0px;"/></a><br/> </p> </li> <li> <h3>Cargo Inspections</h3><br/> <img src="..." style="width:360px; height: 160px;" alt="Custom clearance" /><br/> <p style="width:360px; padding">...<br /><a href="#" style="float:right; padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px; border: 0px;"/></a> </p><br/> </li> <li> <h3>Our Location</h3><br/> <img src="..." style="width:360px; height: 160px;" alt="Custom clearance" /><br/> <p style="width:360px;">....<br /><a href="#" style="float:right; padding-top:10px;">Learn more <img src="images/arrow.png" alt="learn more" style="width:6px; height:9px; border: 0px;"/></a> </p><br/> </li> </ul> </div> </code></pre> <p>using this CSS</p> <pre><code>#content { width: 100%; min-height: 450px; display: block; padding-bottom:40px; } #content ul li { display: inline; list-style: none; float: left; min-width:32%; } #content ul li > h3 { text-decoration: none; display:block; float:left; font-size: 24px; margin: 0 0 0 20px; font-family: gothamlight; padding: 10px 20px 10px 20px; } #content ul li > img { display: block; float:left; margin: 0 0 0 10px; padding: 0px 25px 0px 25px; } #content ul li > p { text-decoration: none; line-height: 1.3; display:block; color: #404041; float:left; font-size: 14px; margin: 0 0 0 20px; padding: 5px 20px 5px 20px; display: block; } </code></pre> <p>I guess I did it wrong, I put <code><br /></code> after a <code><li></li></code>, so that content would be vertical.</p> <p>But of course IE is smart and it shows Content 1 for the whole width page, and other content is after the first one.</p>
Tags
<html><css>
Title
Content devide in 3parts IE error
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USLukasz Koziara
UserOwnerUserId
1. USEriks
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.